12. LEÇON – Développer sa justesse (collants)

Calculateur instantané

Nous sommes heureux de vous donner accès gratuitement à notre célèbre calculateur qui vous donnera l'emplacement précis des quatre collants à poser sur votre violon. En échange, merci de vous abonner à notre infolettre. Bonne pratique !




Afficher le calculateur
document.getElementById("MesureEmailForm").addEventListener("submit", async function(event) { event.preventDefault(); let MesureEmailInput = document.getElementById("MesureEmailInput"); let MesureErrorMessage = document.getElementById("MesureErrorMessage"); let MesureEmail = MesureEmailInput.value.trim(); let MesureEmailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; MesureErrorMessage.style.display = "none"; MesureErrorMessage.innerText = ""; if (!MesureEmailPattern.test(MesureEmail)) { MesureErrorMessage.innerText = "Veuillez entrer une adresse e-mail valide."; MesureErrorMessage.style.display = "block"; return; } try { let response = await fetch("https://musique.mildorviolon.com/api/infolettre", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email: MesureEmail, tag: "mesures_collants" }) }); if (!response.ok) { const data = await response.json(); throw new Error(data.error || "Erreur serveur"); } document.getElementById("MesureEmailFormContainer").style.display = "none"; document.getElementById("MesureSuccessMessage").style.display = "block"; } catch (error) { console.error("Error sending to server:", error); MesureErrorMessage.innerText = "Une erreur est survenue. Écrivez-nous à info@mildorviolon.com"; MesureErrorMessage.style.display = "block"; } }); document.getElementById("MesureEmailInput").addEventListener("input", function() { document.getElementById("MesureErrorMessage").style.display = "none"; });

collants au violon et longueur de la corde vibrante

/*<![CDATA[*/ (function () { var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js'; if (window.ShopifyBuy) { if (window.ShopifyBuy.UI) { ShopifyBuyInit(); } else { loadScript(); } } else { loadScript(); } function loadScript() { var script = document.createElement('script'); script.async = true; script.src = scriptURL; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script); script.onload = ShopifyBuyInit; } function ShopifyBuyInit() { var client = ShopifyBuy.buildClient({ domain: 'mildor-violon.myshopify.com', storefrontAccessToken: 'cde96a182ba69060318dfcf6ab3697f5', }); ShopifyBuy.UI.onReady(client).then(function (ui) { ui.createComponent('product', { id: '4633552715857', node: document.getElementById('product-component-1592589452129'), moneyFormat: '%24%7B%7Bamount%7D%7D%20CAD', options: { "product": { "styles": { "product": { "@media (min-width: 601px)": { "max-width": "calc(25% - 20px)", "margin-left": "20px", "margin-bottom": "50px" } }, "button": { "font-size": "14px", "padding-top": "15px", "padding-bottom": "15px", ":hover": { "background-color": "#e67500" }, "background-color": "#ff8200", ":focus": { "background-color": "#e67500" } }, "quantityInput": { "font-size": "14px", "padding-top": "15px", "padding-bottom": "15px" } }, "buttonDestination": "modal", "contents": { "options": false }, "text": { "button": "Voir le produit" } }, "productSet": { "styles": { "products": { "@media (min-width: 601px)": { "margin-left": "-20px" } } } }, "modalProduct": { "contents": { "img": false, "imgWithCarousel": true, "button": false, "buttonWithQuantity": true }, "styles": { "product": { "@media (min-width: 601px)": { "max-width": "100%", "margin-left": "0px", "margin-bottom": "0px" } }, "button": { "font-size": "14px", "padding-top": "15px", "padding-bottom": "15px", ":hover": { "background-color": "#e67500" }, "background-color": "#ff8200", ":focus": { "background-color": "#e67500" } }, "quantityInput": { "font-size": "14px", "padding-top": "15px", "padding-bottom": "15px" } }, "text": { "button": "Ajouter au panier" } }, "cart": { "styles": { "button": { "font-size": "14px", "padding-top": "15px", "padding-bottom": "15px", ":hover": { "background-color": "#e67500" }, "background-color": "#ff8200", ":focus": { "background-color": "#e67500" } }, "title": { "color": "#4c4c4c" }, "header": { "color": "#4c4c4c" }, "lineItems": { "color": "#4c4c4c" }, "subtotalText": { "color": "#4c4c4c" }, "subtotal": { "color": "#4c4c4c" }, "notice": { "color": "#4c4c4c" }, "currency": { "color": "#4c4c4c" }, "close": { "color": "#4c4c4c", ":hover": { "color": "#4c4c4c" } }, "empty": { "color": "#4c4c4c" }, "noteDescription": { "color": "#4c4c4c" }, "discountText": { "color": "#4c4c4c" }, "discountIcon": { "fill": "#4c4c4c" }, "discountAmount": { "color": "#4c4c4c" } }, "text": { "title": "Panier", "total": "SOUS-TOTAL", "empty": "Votre panier est vide.", "notice": "Les frais de livraison et les codes promotionnels sont ajoutés lors des étapes suivantes.", "button": "ACHETER MAINTENANT" } }, "toggle": { "styles": { "toggle": { "background-color": "#ff8200", ":hover": { "background-color": "#e67500" }, ":focus": { "background-color": "#e67500" } }, "count": { "font-size": "14px" } } }, "lineItem": { "styles": { "variantTitle": { "color": "#4c4c4c" }, "title": { "color": "#4c4c4c" }, "price": { "color": "#4c4c4c" }, "fullPrice": { "color": "#4c4c4c" }, "discount": { "color": "#4c4c4c" }, "discountIcon": { "fill": "#4c4c4c" }, "quantity": { "color": "#4c4c4c" }, "quantityIncrement": { "color": "#4c4c4c", "border-color": "#4c4c4c" }, "quantityDecrement": { "color": "#4c4c4c", "border-color": "#4c4c4c" }, "quantityInput": { "color": "#4c4c4c", "border-color": "#4c4c4c" } } } }, }); }); } })(); /*]]>*/
Compléter et continuer  
Discussion

22 Commentaires