Tuto : Comment ajouter une case à cocher « Accepter les termes et conditions » pour accéder à la page du panier

vignette

Si vous voulez avoir une case à cocher « Termes et Conditions » sur la page du panier de Shopify, que les clients doivent accepter afin de procéder à leur achat, alors vous devrez suivre quelques étapes simples :

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme you want to edit, and then click Actions > Edit code.
  3. In the Assets directory, find to a javascript file and click it to open.
  4. At the bottom of the file, paste the following code:
$(document).ready(function() {
$(‘body’).on(‘click’, ‘[name= »checkout »], [name= »goto_pp »], [name= »goto_gc »]’, function() {
if ($(‘#agree’).is(‘:checked’)) {
$(this).submit();
}
else {
alert(« You must agree with the terms and conditions of sales to check out. »);
return false;
}
});
});
 
Cliquez sur Enregistrer.
Dans le répertoire Sections, cliquez sur cart-template.liquid. S’il n’y a pas de fichier cart-template.liquid dans le répertoire Sections, cliquez sur cart-template.liquid ou cart.liquid dans le répertoire Templates.
Trouvez le code HTML pour votre bouton de paiement. Recherchez un élément <bouton> ou <input> avec l’attribut name défini sur checkout. Le code pourrait ressembler à ceci :
 
<button type=« submit » name=« checkout » class=« btn »>{{ ‘cart.general.checkout’ | t }}</button>
 
Sur une nouvelle ligne au-dessus du bouton de commande, collez le code suivant :
 
 
<p style=« float: none; text-align: right; clear: both; margin: 10px 0; »>
<input style=« float:none; vertical-align: middle; » type=« checkbox » id=« agree » />
<label style=« display:inline; float:none » for=« agree »>
I agree with the <a href=« /pages/terms-and-conditions »>terms and conditions</a>.
</label>
</p>
 
Dans le code que vous venez de coller, remplacez /pages/terms-and-conditions par l’URL de la page de vos termes et conditions.
 
Cliquez sur Enregistrer.
 

Poster un Commentaire

Laisser un commentaire

  S’abonner  
Notifier de