disable-pan disable-tap interaction-prompt="none" camera-orbit="135deg 60deg 12m">

L'Histoire de Cootlette

Bienvenue dans l'histoire de Cootlette ! Nous sommes une marque passionnée par la mode éthique et durable...

Image 1

Lancement de la marque

Image 2

Processus de fabrication

Image 3

Produits portés

Catalogue


↑ const API_URL = 'https://script.google.com/macros/s/AKfycbxfLkkp4dPwj5Btwdn6Iy20hSLVhEx23ckbGTej1coiVTX32GivjVZCFV0yXZEXFiG2UA/exec'; async function fetchProducts() { try { const response = await fetch(API_URL); const products = await response.json(); const productSelect = document.getElementById('product-select'); productSelect.innerHTML = ''; products.forEach(product => { const option = document.createElement('option'); option.value = product.id; option.textContent = `${product.name} - ${product.price}€ (${product.stock} en stock)`; option.setAttribute('data-stripe-link', product.stripelink); productSelect.appendChild(option); }); } catch (error) { console.error('Erreur lors de la récupération des produits:', error); } } function checkout() { const select = document.getElementById('product-select'); const selectedProduct = select.options[select.selectedIndex]; const stripeLink = selectedProduct ? selectedProduct.getAttribute('data-stripe-link') : null; if (stripeLink) { window.location.href = stripeLink; } else { console.error('Aucun lien Stripe trouvé pour ce produit'); } } function toggleStory() { const section = document.getElementById('story-section'); section.style.display = section.style.display === 'block' ? 'none' : 'block'; section.classList.add('animate-slide'); } function toggleProduct() { const section = document.getElementById('product-section'); section.style.display = section.style.display === 'block' ? 'none' : 'block'; section.classList.add('animate-slide'); } window.onload = fetchProducts;