{
// 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',
}">
Wij sturen je een berichtje als dit product weer leverbaar is.
Wat is je e-mailadres?
of
login
Wat is de herkomst van Halve rode watermeloen?
Dit artikel komt uit BRAZILIË.
Weet je waarom onze klanten Halve Watermeloen bij ons kopen?
Wij selecteren onze watermeloenen op smaak.
Zo weet je zeker dat je een lekker zoete meloen hebt.
Vandaag besteld = vandaag in huis!
Wat is een Watermeloen?
De watermeloen is een heerlijk zoete meloen met een groene schil en roze tot dieprood vruchvlees. Watermeloen en zijn lekker sappig en bestaan voor 95% uit water!
Hoe gezond is zij?
Het roze tot dieprode vruchtvlees van de watermeloen zit boordevol ijzer, vitamine C en Lycopeen.
Hoe smaakt zij?
De watermeloen is dorstlessend en heeft een zeer zoete smaak.
Hoe gebruik je haar?
Je kunt de meloen uit de schil eten of het vruchtvlees van de schil af snijden.
Hoe bewaar je haar?
Bewaar een aangesneden stuk watermeloen in de koelkast.
Wist je dat?
Watermeloen bevat gemiddeld meer dan 95% water! Het is een uiterst smakelijke dorstlesser, iets dat vooral in de zomer altijd werlkom is.
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.
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',
}">
Wij sturen je een berichtje als dit product weer leverbaar is.
Wat is je e-mailadres?
of
login
{
// 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',
}">