{
// Then, we'll animate the thumbnail to the cart. This will take ~700ms.
$animate(0.7);
}, 10);
// When the thumbnail is animating, we'll also start the process to hide the thumbnail again.
// This will take 700 ms as well, so we'll start this animation after ~500ms already, so that
// it is roughly ready when the thumbnail is in the cart again.
setTimeout(() => {
$el.style.opacity = '0';
$el.style.zIndex = '-10'; // unsetten zIndex is benodigd omdat anders onderdelen niet aanklikbaar zijn op de pagina
// After the complete process is finished and the thumbnail is invisible again, we'll reset
// the animation again.
$animateReset();
isAnimating = false;
}, 712);
"
x-init="$animateReset()"
x-animate="{
top: (document.querySelector('.cart-icon').getBoundingClientRect().top + 20) + 'px',
left: (document.querySelector('.cart-icon').getBoundingClientRect().left + 20) + 'px',
width: '20px',
height: '20px',
opacity: '1.0'
}"
x-animate.reset="{
top: ($refs.reference.getBoundingClientRect().top - 200) + 'px',
left: ($refs.reference.getBoundingClientRect().left + 100) + 'px',
width: '200px',
height: '200px',
opacity: '0.0',
}">
{
$animate(0.7);
}, 10);
setTimeout(() => {
$el.style.opacity = '0';
$el.style.zIndex = '-10'; // unsetten zIndex is benodigd omdat anders onderdelen niet aanklikbaar zijn op de pagina
isAnimating = false;
}, 750);
"
x-init="$animateReset()"
x-animate="{
top: (document.querySelector('.cart-icon').getBoundingClientRect().top + 20) + 'px',
left: (document.querySelector('.cart-icon').getBoundingClientRect().left + 20) + 'px',
width: '20px',
height: '20px',
opacity: '1.0'
}"
x-animate.reset="{
top: ($refs.reference.getBoundingClientRect().top - 50) + 'px',
left: ($refs.reference.getBoundingClientRect().left + 50) + 'px',
width: '100px',
height: '100px',
opacity: '0.0',
}
">
Champignons zijn rijk aan eiwitten.
taugé
Maak je gerecht lekker oosters.
taugé
{
$animate(0.7);
}, 10);
setTimeout(() => {
$el.style.opacity = '0';
$el.style.zIndex = '-10'; // unsetten zIndex is benodigd omdat anders onderdelen niet aanklikbaar zijn op de pagina
isAnimating = false;
}, 750);
"
x-init="$animateReset()"
x-animate="{
top: (document.querySelector('.cart-icon').getBoundingClientRect().top + 20) + 'px',
left: (document.querySelector('.cart-icon').getBoundingClientRect().left + 20) + 'px',
width: '20px',
height: '20px',
opacity: '1.0'
}"
x-animate.reset="{
top: ($refs.reference.getBoundingClientRect().top - 50) + 'px',
left: ($refs.reference.getBoundingClientRect().left + 50) + 'px',
width: '100px',
height: '100px',
opacity: '0.0',
}
">
Maak je gerecht lekker oosters.
lautrec knoflook
Knoflook is de basis van elk roerbakgerecht.
lautrec knoflook
{
$animate(0.7);
}, 10);
setTimeout(() => {
$el.style.opacity = '0';
$el.style.zIndex = '-10'; // unsetten zIndex is benodigd omdat anders onderdelen niet aanklikbaar zijn op de pagina
isAnimating = false;
}, 750);
"
x-init="$animateReset()"
x-animate="{
top: (document.querySelector('.cart-icon').getBoundingClientRect().top + 20) + 'px',
left: (document.querySelector('.cart-icon').getBoundingClientRect().left + 20) + 'px',
width: '20px',
height: '20px',
opacity: '1.0'
}"
x-animate.reset="{
top: ($refs.reference.getBoundingClientRect().top - 50) + 'px',
left: ($refs.reference.getBoundingClientRect().left + 50) + 'px',
width: '100px',
height: '100px',
opacity: '0.0',
}
">
Knoflook is de basis van elk roerbakgerecht.
rode pepers
Geef een beetje extra pit aan je roerbak.
rode pepers
{
$animate(0.7);
}, 10);
setTimeout(() => {
$el.style.opacity = '0';
$el.style.zIndex = '-10'; // unsetten zIndex is benodigd omdat anders onderdelen niet aanklikbaar zijn op de pagina
isAnimating = false;
}, 750);
"
x-init="$animateReset()"
x-animate="{
top: (document.querySelector('.cart-icon').getBoundingClientRect().top + 20) + 'px',
left: (document.querySelector('.cart-icon').getBoundingClientRect().left + 20) + 'px',
width: '20px',
height: '20px',
opacity: '1.0'
}"
x-animate.reset="{
top: ($refs.reference.getBoundingClientRect().top - 50) + 'px',
left: ($refs.reference.getBoundingClientRect().left + 50) + 'px',
width: '100px',
height: '100px',
opacity: '0.0',
}
">
Geef een beetje extra pit aan je roerbak.
Oeps... vergeet je niet iets?
Je hebt toegevoegd.
Maar ben je het belangrijkste niet vergeten?
handgesneden luxe roerbakgroente
nee, bedankt
Wat is de herkomst van Handgesneden luxe roerbakgroente?
Dit artikel komt uit NEDERLAND.
Weet je waarom onze klanten Roerbakgroente bij ons kopen?
Onze roerbakgroente is een super gevarieerde mix van groenten en smaakt echt lekker.
Wij snijden onze roerbakgroente dagelijks vers in onze eigen keuken.
Onze roerbakgroente kan direct de pan in!
Wat is Roerbakgroente?
Onze roerbakgroente is een mix van allerlei gesneden groentesoorten uit het seizoen. We snijden de groente dagelijks in onze eigen snijkeuken. Altijd een goed gevarieerde mix van verse groenten dus! De mix bevat 400 gram roerbakgroente, genoeg voor recepten van 3 à 4 personen.
Hoe gebruik je Roerbakgroente?
De mix is lekker om te roerbakken, of door bami of nasi. Of wat dacht je van lekkere burrito's met roerbakgroente? Met onze verse roerbak kan je alle kanten op.
Hoeveel heb je nodig?
Dit product is gesneden en gewassen. Onze verse roerbakgroente wordt geleverd in zakken van 400 gram.
Hoe bewaar je het?
Je kunt de roerbakgroente nog 2 à 3 dagen bewaren in de koelkast.
Bestel Roerbakgroente
De lekkerste groenten en fruit koop je bij Groentebroer.nl. Kies uit het grootste assortiment van de specialist. Stel zelf je pakket samen met alles wat je lekker vindt in elk gewenste aantal of gewicht. Wij bezorgen supersnel door heel Nederland en een deel van België. Voor de meeste regio's en dagen geldt: vandaag voor 10:00 besteld = vandaag in huis.
Meer informatie?
Wil je meer informatie over ons of onze producten?
Neem contact op met Groentebroer.nl, wij staan je graag te woord.
{
// Then, we'll animate the thumbnail to the cart. This will take ~700ms.
$animate(0.7);
}, 10);
// When the thumbnail is animating, we'll also start the process to hide the thumbnail again.
// This will take 700 ms as well, so we'll start this animation after ~500ms already, so that
// it is roughly ready when the thumbnail is in the cart again.
setTimeout(() => {
$el.style.opacity = '0';
$el.style.zIndex = '-10'; // unsetten zIndex is benodigd omdat anders onderdelen niet aanklikbaar zijn op de pagina
// After the complete process is finished and the thumbnail is invisible again, we'll reset
// the animation again.
$animateReset();
isAnimating = false;
}, 712);
"
x-init="$animateReset()"
x-animate="{
top: (document.querySelector('.cart-icon').getBoundingClientRect().top + 20) + 'px',
left: (document.querySelector('.cart-icon').getBoundingClientRect().left + 20) + 'px',
width: '20px',
height: '20px',
opacity: '1.0'
}"
x-animate.reset="{
top: ($refs.reference.getBoundingClientRect().top - 200) + 'px',
left: ($refs.reference.getBoundingClientRect().left + 100) + 'px',
width: '200px',
height: '200px',
opacity: '0.0',
}">