buy button
<div id="product-component-1756756888594"></div>
<script type="text/javascript">
(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.head || document.body).appendChild(script);
script.onload = ShopifyBuyInit;
}
function ShopifyBuyInit() {
var client = ShopifyBuy.buildClient({
domain: '8e459b-3.myshopify.com',
storefrontAccessToken: '9fd03ca0b4159099469ab4a76a30cfc3', // public, c’est normal
});
ShopifyBuy.UI.onReady(client).then(function (ui) {
ui.createComponent('product', {
id: '15057536942412',
node: document.getElementById('product-component-1756756888594'),
moneyFormat: '€{{amount_with_comma_separator}}',
options: {
product: {
styles: {
product: {
width: '100%',
maxWidth: '480px',
margin: '0 auto 40px'
},
button: {
backgroundColor: '#000000',
':hover': { backgroundColor: '#000000' },
':focus': { backgroundColor: '#000000' }
}
},
buttonDestination: 'modal',
contents: {
options: false
},
text: {
button: 'Voir le produit'
}
},
productSet: {
styles: {
products: {
'@media (min-width: 601px)': { marginLeft: '0' }
}
}
},
modalProduct: {
contents: {
img: false,
imgWithCarousel: true,
button: false,
buttonWithQuantity: true
},
styles: {
product: {
'@media (min-width: 601px)': {
maxWidth: '100%',
marginLeft: '0',
marginBottom: '0'
}
},
button: {
backgroundColor: '#000000',
':hover': { backgroundColor: '#000000' },
':focus': { backgroundColor: '#000000' }
}
},
text: {
button: 'Ajouter au panier'
}
},
option: {},
cart: {
styles: {
button: {
backgroundColor: '#000000',
':hover': { backgroundColor: '#000000' },
':focus': { backgroundColor: '#000000' }
}
},
text: {
total: 'Sous-total',
button: 'Payer'
}
},
toggle: {
styles: {
toggle: {
backgroundColor: '#000000',
':hover': { backgroundColor: '#000000' },
':focus': { backgroundColor: '#000000' }
}
}
}
}
});
});
}
})();
</script>