Shopify : ajouter la fonction "code promo" dans le panier

Shopify : ajouter la fonction "code promo" dans le panier

Une des fonctions les plus demandées dans la page panier, et que Shopify n'a toujours pas intégré dans ses thèmes, est la fonction code promo. En effet, il n'est possible d'ajouter un code promo qu'a l'étape du paiement. Ce qui est un peu tard.

Note : Avant toute manipulation, veillez à faire une sauvegarde de votre thème. Mieux encore, si vous avez l'habitude de bidouiller souvent votre thème, installez GoBack pour faire des sauvegardes automatiques.

Ensuite il suffit de trouver dans le code de son thème, la section ou template correspondant au panier. C'est très souvent cart-template.liquid.

Ensuite, copiez et collez le code suivant à l'endroit où vous voulez faire apparaître le champ code promo :

<div class="cart-promo">
<h2>Vous avez un code promo ?</h2>
<input type="text" id="devPromo">
<a href="/checkout?discount=none" id="redemDevPromo">Appliquer</a>
</div>
<script>
$(document).ready(function(){
//listen to the promo button click
$('#redemDevPromo').on('click', function(event){
//disable the button event
event.preventDefault();
//write the url format
var theUrl = '/checkout?discount=';
//grab the discount code from the input
var theDiscount = $('#devPromo').val();
//full url to redirect to checkout with promo code
var toRedirect = theUrl+theDiscount;
console.log(toRedirect);
//redirect
window.location.href = toRedirect;
});
});
</script>

Vous pouvez par exemple le mettre au dessus du bouton pour passer commande :

code promo

Retour au blog

Laisser un commentaire

Veuillez noter que les commentaires doivent être approuvés avant d'être publiés.