Knowledge Base

Étiquette de la page du panier et section d'échange pour le thème Shopify

Ajouter une fenêtre contextuelle « Échanger de l'argent en magasin » sur la page du panier Shopify

By Daksh
Updated on August 04, 2025

Ce guide explique comment configurer des libellés et une section d'échange pour la page panier de votre boutique Shopify à l'aide de l'application Webplanex Rewards Wallet. Cela permet aux clients de voir leurs récompenses éligibles et de les utiliser directement lors du paiement.

 

Remarque importante :

Selon la version de votre thème Shopify (2.0 ou inférieure), vous devrez ajouter une extension d'application de thème ou des extraits de code pour intégrer l'étiquette du panier et la section d'utilisation.

 

  1. Accéder aux éléments du thème : Localisez le bouton « Éléments du thème » dans la barre de navigation de l'application Webplanex Rewards Wallet.

     

     

  2. Choisir le menu Panier : Cliquez sur le menu « Panier » dans la section « Éléments du thème ». Ce menu peut proposer deux options : « Libellés de la page Panier » et « Popup de paiement du panier ».

     

  3. Personnaliser les libellés : Dans le menu sélectionné (« Libellés de la page Panier » ou « Popup de paiement du panier »), vous pouvez personnaliser les libellés de texte :
    • Modifier le texte affiché pour les récompenses éligibles.
    • Modifier le texte du bouton d'utilisation.

     

  4. Personnaliser la fenêtre contextuelle de paiement : Vous pouvez personnaliser davantage l'apparence de la fenêtre contextuelle de paiement du panier.
    • Sélectionnez les couleurs d'arrière-plan et de premier plan.
    • Ajustez les libellés de texte selon votre langue préférée.

     

     

  5. Activer le commutateur : Une fois que vous êtes satisfait des libellés, de l'apparence des boutons et du contenu, activez le commutateur pour rendre ces éléments visibles sur le thème de votre boutique Shopify.

     

     

Ajout des éléments à votre thème (selon la version) :

 

Pour la version 2.0 du thème Shopify :

  1. Accéder au code du thème :
    • Accédez à votre panneau d'administration Shopify.
    • Accédez à « Boutique en ligne » > « Thèmes » et sélectionnez votre thème.
    • Cliquez sur « Personnaliser ».

     

     

  2. Localiser le fichier de modèle de panier :

    Choisissez le thème « Panier » page depuis les options de personnalisation du thème.

     

     

  3. Ajouter des blocs :
    • Cliquez sur « Ajouter un bloc » dans le menu de gauche.
    • Sélectionnez les blocs « Étiquette de récompenses Webplanex » (pour l'étiquette du panier) et « Échanger des récompenses Webplanex » (pour le bouton d'échange).

     

     

  4. Enregistrer les modifications :
    • Ajustez la position des blocs sur la page du panier comme vous le souhaitez.
    • Cliquez sur « Enregistrer » pour appliquer les modifications.

 

Pour les versions de thème Shopify antérieures à 2.0 :

  1. Accéder au code du thème :
    • Accédez à votre panneau d'administration Shopify.
    • Accédez à « Boutique en ligne » > « Thèmes » et sélectionnez votre thème.
    • Cliquez sur « Modifier le code ».

     

     

  2. Localiser le fichier de modèle de panier :

    Recherchez le fichier nommé « cart.liquid » ou « cart-template.liquid ».

     

     

  3. Ajouter des extraits de code :

    Ouvrez le fichier approprié et recherchez un emplacement approprié pour insérer le code ci-dessous.

     

    Code d'étiquette du panier

    <span id="total_order_cashback"></span>

    Code pour le tiroir-panier et la fenêtre contextuelle du panier

    <span class="wpcb_cashback_label"></span>

    Code pour le tiroir-panier et le bouton d'utilisation (insérer cet extrait en dehors de « <form action="/cart"> </form> »)

    <div class="wep_cart_checkout"></div>

     
  4. Enregistrer les modifications :

    Enregistrez les modifications apportées au code du thème.