{
// 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 Zwarte linzen?
Dit artikel komt uit NEDERLAND.
Algemeen
Eersteklas kwaliteit zwarte linzen van Brandwijk.
Hoe bewaar je ze?
De linzen worden geleverd in zakjes van 500 gram en kunnen een jaar bewaard worden.
Bestel Zwarte Linzen
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',
}">
{
// 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',
}">
{
// 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',
}">
{
// 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',
}">