<div x-data class="fixed right-0 z-40 inset-y-0 lg:inset-y-0 max-w-full">
<div x-cloak x-transition.opacity x-show="$store.asideBlocs.asides.find(aside => aside.name === 'ingredients')?.open" class="fixed inset-0 w-full h-full bg-black/40"></div>
<div x-cloak x-transition:enter="transition ease-out duration-300" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" class="relative bg-white overflow-hidden h-full lg:h-full w-screen md:w-[372px] 2xl:w-[368px] 3xl:w-[508px] flex flex-col lg:rounded-t-none p-8" x-show="$store.asideBlocs.asides.find(aside => aside.name === 'ingredients')?.open" @click.outside="$store.asideBlocs.closeAside('ingredients')">
<div class="font-medium h4 flex justify-between items-center mb-4">
<span></span>
<button type="button" @click="$store.asideBlocs.closeAside('ingredients')" aria-label="Label text" class=" btn btn-neutral btn-outline btn-size-sm btn-only-icon">
<svg class=" shrink-0" width="24" height="24" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M6 18 18 6M6 6l12 12" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
</button>
</div>
<div class="overflow-auto flex-1">
<section class="flex flex-col gap-4">
<div class="flex flex-col gap-2">
<h2 class="h4">Exemple de titre</h2>
<h3 class="h5 text-black/64">Sous titre</h3>
</div>
<div class="flex flex-col gap-2">
<h4 class="text-body-lg font-bold">Sous sous titre</h4>
<div class="text-body-base space-y-2.5">
<p>Vous trouverez dans le tableau ci-dessous les tarifs et délais d’expédition de votre commande, en France métropolitaine, Corse et Monaco, selon le mode de livraison que vous avez choisi.</p>
<p>Domicile 6,00€ (livraison offerte dès 50€ d'achat) 3 jours ouvrables</p>
<p>Point relais 4,50€ (livraison offerte dès 50€ d'achat) 3 jours ouvrables</p>
<p>A titre d’exemple, si vous avez passé commande le lundi avant 12h, et choisi l’envoi à domicile, vous recevrez votre colis le mercredi, soit dans un délai de 48h.</p>
</div>
</div>
<div class="flex flex-col gap-2">
<h4 class="text-body-lg font-bold">Sous sous titre</h4>
<div class="text-body-base">
<p>Vous trouverez dans le tableau ci-dessous les tarifs et délais d’expédition de votre commande, en France métropolitaine, Corse et Monaco, selon le mode de livraison que vous avez choisi.</p>
<p>Domicile 6,00€ (livraison offerte dès 50€ d'achat) 3 jours ouvrables</p>
<p>Point relais 4,50€ (livraison offerte dès 50€ d'achat) 3 jours ouvrables</p>
<p>A titre d’exemple, si vous avez passé commande le lundi avant 12h, et choisi l’envoi à domicile, vous recevrez votre colis le mercredi, soit dans un délai de 48h.</p>
</div>
</div>
</section>
</div>
</div>
</div>
{% embed "@side-panel" with panel|merge({sidePanelButton:panel.sidePanelButton|merge({label:(panel.sidePanelButton.label is defined ? panel.sidePanelButton.label|format(product_quantity|default('600')))})}) %}
{% block content %}
<section class="flex flex-col gap-4">
<div class="flex flex-col gap-2">
<h2 class="h4">Exemple de titre</h2>
<h3 class="h5 text-black/64">Sous titre</h3>
</div>
<div class="flex flex-col gap-2">
<h4 class="text-body-lg font-bold">Sous sous titre</h4>
<div class="text-body-base space-y-2.5">
<p>Vous trouverez dans le tableau ci-dessous les tarifs et délais d’expédition de votre commande, en France métropolitaine, Corse et Monaco, selon le mode de livraison que vous avez choisi.</p>
<p>Domicile 6,00€ (livraison offerte dès 50€ d'achat) 3 jours ouvrables</p>
<p>Point relais 4,50€ (livraison offerte dès 50€ d'achat) 3 jours ouvrables</p>
<p>A titre d’exemple, si vous avez passé commande le lundi avant 12h, et choisi l’envoi à domicile, vous recevrez votre colis le mercredi, soit dans un délai de 48h.</p>
</div>
</div>
<div class="flex flex-col gap-2">
<h4 class="text-body-lg font-bold">Sous sous titre</h4>
<div class="text-body-base">
<p>Vous trouverez dans le tableau ci-dessous les tarifs et délais d’expédition de votre commande, en France métropolitaine, Corse et Monaco, selon le mode de livraison que vous avez choisi.</p>
<p>Domicile 6,00€ (livraison offerte dès 50€ d'achat) 3 jours ouvrables</p>
<p>Point relais 4,50€ (livraison offerte dès 50€ d'achat) 3 jours ouvrables</p>
<p>A titre d’exemple, si vous avez passé commande le lundi avant 12h, et choisi l’envoi à domicile, vous recevrez votre colis le mercredi, soit dans un délai de 48h.</p>
</div>
</div>
</section>
{% endblock %}
{% endembed %}
{
"panel": {
"title": "",
"sidePanelButton": false,
"mobilePanel": "full",
"showValue": "$store.asideBlocs.asides.find(aside => aside.name === 'ingredients')?.open",
"closeButtonAlpineClick": "$store.asideBlocs.closeAside('ingredients')"
}
}
No notes defined.