Tuto ajouter un code promo au niveau du panier sur Shopify

Nous allons rajouter un champ code promo au niveau du panier qui sera automatiquement ajouté à la page de paiement

comme sur l’exemple ci-dessous:

code-p

Pour ce faire suivez ces étapes:

Rendez vous dans online store – actions – edit code

Suivant votre thème vous devez trouver:

Cart.liquid dans le dossier Layout (si il est presque vide suivez l’étape en dessous)

cart-template.liquid dans le dossier Sections

Repérez une zone « total_discounts » ou une zone juste avant le bouton submit et collez le bout de code ci-dessous

Exemple:

code

<script> 
(function($) { 
 $(document).on('page:load page:change', function () { 
 if (localStorage.getItem('storedDiscount')){ 
 var discountStored = localStorage.getItem('storedDiscount'); 
 $('input[name="discount"]').val(localStorage.getItem('storedDiscount')); 
 } 
 $('form[action="/cart"]').on('submit', function(){ 
 var $discountCode = $('input[name="discount"]').val(); 
 localStorage.setItem('storedDiscount', $discountCode); 
 }); 
 }); 
})(jQuery); 
</script> 
<div class="discount-code-field" style="clear:both;display:block;overflow:hidden;">
<label>Vous avez un code promo?</label>
<input style="width:150px;float:right;font-size:13px;" placeholder="code promo" p autocomplete="off" type="text" name="discount" />
</div>

N’oubliez pas de faire une sauvegarde avant toutes modifications !

Cliquez sur Save et allez tester ca avec un de vos codes promos valides 😉

26 commentaires sur “Tuto ajouter un code promo au niveau du panier sur Shopify

  1. Arturo

    Bonjour,

    Le code ne fonctionne pas sous turbo ?

    Quand j’entre un code et que je clique sur next step, rien ne se passe au niveau du checkout aucun code n’est ajouté..

  2. cyril

    Bonjour,
    Super je cherchait justement un moyen de faire ça …… Malheureusement je craint que comme d’habitude cela ne fonctionne pas avec le thème début :/

      1. Den

        Bonjour,

        J’ai le thème Début et je n’arrive pas à voir la case « code promo »

        Je ne vois que : Les codes promo, les frais d’envoi et les taxes seront ajoutés à la caisse

        Il est vrai que mon site n’est pas encore ouvert au public, est-ce la raison?

  3. Eloi

    Bonjour, il m’est impossible de mettre l’encadré code promo. Je n’ai pas de cart liquide dans layout ou sections mais que dans templates. J’ai essayé et ce ne marche pas. Pouvez vous m’aidez ?

    Merci d’avance pour votre travail

  4. Aladdin

    Bonjour, après avoir entré le code il appairait bien sur le site mais lorsque j’entre le code promo il y’a aucune réduction prit en compte que faire ?

  5. charlotte

    hello a tous,

    Le code fonctionne bien.

    Par contre, la phrase du label ; Vous avez un code promo? , n’est pa centré verticalement.
    Du coup ca fait un décalage avec le block ou il rentre leur code promo.

    J’essaye de modifier le CSS sans sucés. Un peu d’aide ? 🙂

    Aussi, j’aimerais encadrer en noir le block ou en rentre le code promo. Un peu d’aide encore ?

    Merci,
    Charlotte

  6. Matt

    Salut Dgeo et merci encore pour tout tes codes. Je trouve ton code vraiment interessent mais j’ai brooklyn et ton code aparait bien sur mon cart mais quand je rentre le code rien ne se passe alors que si je vais dans le checkout la il prend le code promo en compte. As tu une idée ?

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*
*