Ignorer et passer au contenu
- Le choix d'une sélection entraîne l'actualisation de la page entière.
- S'ouvre dans une nouvelle fenêtre.
// Dernière version — fonctionne avec le bouton Shopify officiel (type="submit" name="add")
document.addEventListener('DOMContentLoaded', () => {
const targetButtons = document.querySelectorAll('button[type="submit"][name="add"]');
if (!targetButtons.length) return;
targetButtons.forEach((btn) => {
btn.addEventListener('click', () => {
// Attendre que Shopify ait validé l’ajout, léger délai visuel
setTimeout(() => {
for (let i = 0; i < 30; i++) {
const emoji = document.createElement('span');
emoji.textContent = '🎊';
emoji.style.position = 'fixed';
emoji.style.left = `${Math.random() * 100}vw`;
emoji.style.top = `-5vh`;
emoji.style.fontSize = `${Math.random() * 1.5 + 1.2}rem`;
emoji.style.zIndex = '99999';
emoji.style.animation = `fall ${Math.random() * 2 + 1.5}s ease-out forwards`;
document.body.appendChild(emoji);
setTimeout(() => emoji.remove(), 3000);
}
}, 300);
});
});
const css = document.createElement('style');
css.innerHTML = `
@keyframes fall {
0% { transform: translateY(0); opacity: 1; }
100% { transform: translateY(100vh); opacity: 0; }
}
`;
document.head.appendChild(css);
});
