{p.image ? (
) : (
)}
);
}
// Stylized product "drawing" so we don't ship a real photo
function ProductBottle({ p }){
const isBag = ["Grain","Moulu"].includes(p.type);
const isMachine= p.type === "Machine";
const isBox = p.type === "Capsules" || p.type === "Coffret";
const isCup = p.type === "Tasse";
const isPantry = p.type === "Épicerie";
// Generic centered shape with weight chip on top
return (
);
}
function BagShape({ p }){
return (
);
}
function MachineShape({ p }){
return (
);
}
function BoxShape({ p }){
return (
);
}
function BottleShape({ p }){
return (
);
}
// ─── Footer ───────────────────────────────────────────────────────────────────
function Footer({ navigate }){
return (
);
}
function FooterCol({title,items}){
return (
);
}
// ─── Toast d'ajout au panier ───────────────────────────────────────────────
// Deux formes pour une seule logique, choisies en CSS et non en JS — pas de
// listener de redimensionnement, pas d'état à resynchroniser :
// · ≥ 901 px : carte en haut à droite, sous l'icône panier.
// · ≤ 900 px : bandeau plat collé en bas, au-dessus de la barre d'accueil.
//
// Le conteneur ne capte jamais le pointeur : seul « Voir le panier » est
// cliquable. Un toucher sur le reste du bandeau traverse et atteint ce qu'il
// y a dessous — c'est ce qui le distingue du popup d'origine, qui bloquait
// le bouton d'ajout pendant toute sa durée d'affichage.
function CartToast({ item, onOpenCart, suppressed }){
const [shown, setShown] = useState(false);
const seq = item ? item.seq : 0;
useEffect(() => {
if (!seq) return;
setShown(true);
const id = setTimeout(() => setShown(false), 3000);
return () => clearTimeout(id); // réajouter relance le minuteur
}, [seq]);
// Tiroir ouvert : le panier est déjà sous les yeux, et c'est précisément
// le recouvrement du bouton « Passer la commande » qui posait problème.
if (!item || suppressed) return null;
return (
{t("toast.added")}
);
}
Object.assign(window, {
CaffeItaliaLogo, AnnouncementBar, Header, MenuDrawer, CartDrawer, CartToast, ProductCard, ProductBottle, Footer, Drawer, Stepper,
IconSearch, IconUser, IconBag, IconHeart, IconClose, IconMenu, IconArrow, IconArrowL, IconStar, IconCheck, IconTruck, IconLeaf, IconShield,
});
{p.badge && (
{pick(p.badge)}
)}
{p.compareAt && (
−{Math.round((1 - p.price/p.compareAt)*100)}%
)}
{/* Quick add · slide-up on hover (desktop), always visible on touch */}
{pick(p.name)}
{pick(p.sub)}
{p.tasting && (
{pick(p.tasting)}
)}
{p.compareAt && {p.compareAt.toFixed(2).replace(".",",")} €}
{p.variantCount > 1 && {t("prod.price_from")}}
{(p.priceFrom ?? p.price).toFixed(2).replace(".",",")} €
{isBag && }
{isMachine && }
{isBox && }
{isCup && }
{isPantry && }
{p.placeholder}
MORENO
{p.type === "Grain" ? "in grani" : "macinato"}
NAPOLI · IT
MORENO
Capsule · 50 pz
{Array.from({length:10}).map((_,i)=>(
);
}
function CupShape({ p }){
return (
))}
etichetta
{title}
-
{items.map((it,i)=>(
- {it.label} ))}
{item.image && (
)}
{item.name}
{[item.weight, item.qty > 1 ? "\u00d7" + item.qty : null].filter(Boolean).join(" \u00b7 ")}