test liste_formations2

Collection introuvable

`; console.error("Collection non trouvée ou handle incorrect"); return; } const products = collection.products.edges .map(item => item.node) .filter(p => p && p.id && p.id.startsWith("gid://shopify/Product")); if (!products.length) { document.getElementById("calendar-collection").innerHTML = `

Aucun produit disponible

`; return; } // Générer le tableau HTML let html = `

`; products.forEach(p => { const img = p.images.edges.length ? p.images.edges[0].node.url : ""; const safeId = p.id.replace(/[^a-zA-Z0-9]/g, ""); html += `

`; }); html += `

${img ? `` : ""}

${p.title}

`; document.getElementById("calendar-collection").innerHTML = html; // Créer les Buy Buttons Shopify products.forEach(p => { const safeId = p.id.replace(/[^a-zA-Z0-9]/g, ""); const container = document.getElementById(`buy-btn-${safeId}`); if (!container) return; const numericId = p.id.split("/").pop(); ui.createComponent("product", { id: numericId, node: container, moneyFormat: `{{amount}} ${p.priceRange.minVariantPrice.currencyCode}`, options: { product: { styles: { button: { ":hover": { "background-color": "#e68a2e" }, "background-color": "#ff9933" } }, iframe: false, contents: { img:false, title:false, price:false, button:true, options:false }, buttonDestination: "modal", text: { button: "Voir les détails" } }, modalProduct: { contents: { img:false, imgWithCarousel:true, button:false, buttonWithQuantity:true }, styles: { button: { ":hover": { "background-color": "#e68a2e" }, "background-color": "#ff9933" } }, text: { button: "Ajouter au panier" } }, cart: { styles: { button: { ":hover": { "background-color": "#e68a2e" }, "background-color": "#ff9933" } }, text: { title:"Votre panier", total:"Sous-total", empty:"Votre panier est vide", button:"Passer à la caisse" } } } }); }); } catch (error) { console.error("Erreur Shopify GraphQL :", error); document.getElementById("calendar-collection").innerHTML = `

Erreur de chargement

`; } } })();