{
$el.style.opacity = '1';
$el.style.zIndex = '100';
// 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 - 20) + 'px',
left: ($refs.reference.getBoundingClientRect().left + 100) + 'px',
width: '200px',
height: '200px',
opacity: '0.0',
}">
Weet je waarom onze klanten Groene Kool bij ons kopen?
Groene kool is zacht van smaak.
Groene kool laat zich op oneindig veel manieren bereiden!
Vandaag besteld = vandaag in huis.
Wat is Groene Kool?
Groene kool is een dichte, donkergroene koolsoort. Groene kool heeft gebobbelde, frisgroene bladeren met gekrulde randen. Deze sluitkool, ook bekend als savooiekool, is zacht van smaak. Heb je liever lekkere gesneden groene kool? Klik dan hier.
Hoe gebruik je Groene Kool?
Van groene kool kun je geweldige ovenschotels maken. De bladeren kan je ook vullen met gehakt, kaas, rijst of een paddenstoelenmix en oprollen. Wel even de nerf uit de buitenbladeren snijden. Reken bij het koken op 250 tot 300 gram per persoon. In salades of in wokgerechten kan je 100 gram per persoon aanhouden.
Hoe bewaar je Groene Kool?
Een groene kool blijft in de koelkast minstens een week goed.
Wist je dat?
In Savoie, Oost Frankrijk (inderdaad, daar komt de naam vandaan), maken ze er chou farci van. Men steekt een vork in de onderkant en blancheert de kool in zijn geheel op zijn kop in een ruime pan. Dan snijdt men de binnenbladeren eruit, de stronk blijft zitten, versnipperen de bladeren en vermengen dat met kruiden en gehakt. De kool weer opvullen met het mengsel, afbinden met keukentouw en in een grote stoofpan tot de helft gevuld met witte wijn en bouillon langzaam laten garen.
Bestel Groene Kool
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.
{
$el.style.opacity = '1';
$el.style.zIndex = '100';
// 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 - 20) + 'px',
left: ($refs.reference.getBoundingClientRect().left + 100) + 'px',
width: '200px',
height: '200px',
opacity: '0.0',
}">