Suivez les étapes ci-dessous pour intégrer l'icône du solde du portefeuille dans l'en-tête de votre boutique à l'aide de l'application Webplanex Loyalty Wallet :
1. Ouvrez l'application Webplanex Loyalty Wallet.
2. Rendez-vous dans la section « Theme Element ».
3. Sous « Header Elements », localisez l'option « Wallet Icon Integration ».
4. Cliquez sur le bouton « Install ».
Après avoir cliqué sur « Install », vous serez redirigé vers la page de personnalisation de votre thème Shopify.
Dans l'éditeur de thème Shopify
1. Ouvrez le modèle de la page d'accueil (« Home Page »).
2. Rendez-vous dans la section « Header » (En-tête).
3. Cliquez sur Add Block (Ajouter un bloc) sous la section « Apps ».
4. Sélectionnez Webplanex Wallet Balance parmi les blocs d'applications disponibles.
5. Enregistrez les modifications.
Une fois les modifications enregistrées, actualisez la page de votre boutique ; l'icône du solde du portefeuille apparaîtra alors dans l'en-tête de votre site.
Icône de solde et icône « Mon portefeuille » dans le menu
Étapes :
-
Accès aux fichiers du thème :
- Connectez-vous à votre panneau d'administration Shopify.
- Accédez à Boutique en ligne > Thèmes.
- Sélectionnez votre thème actuel et cliquez sur Modifier le thème.
-
Localisation du fichier modèle du menu :
-
Dans l'éditeur de code du thème, identifiez le fichier responsable de la structure de votre menu principal. Le nom de ce fichier peut varier selon votre thème, mais les emplacements courants incluent :
- header.liquid
- navigation.liquid
- Fichiers de modèle de menu spécifiques au thème
- Ajouter un bloc
- Rendez-vous dans la section « Applications », puis sélectionnez « Webplanex Wallet Balance »
- Enregistrez les modifications
Pour ajouter l'« Icône du solde du portefeuille » au menu dans un thème 2.0, vous devez utiliser un extrait de code (snippet).
Ajouter l'extrait de code du lien :
- Une fois que vous avez localisé le fichier de modèle du menu, trouvez la section appropriée dans le code où vous souhaitez insérer le lien.
- Collez l'extrait de code suivant :
Extrait de code – Libellé du solde du portefeuille
<span class="wpcb_wallet_balance"></span>Extrait de code – Lien « Mon portefeuille »
<a href="javascript:void(0)" id="wpcb_my_wallet_page_link"> Mon portefeuille </a>
-
Enregistrer les modifications :
Cliquez sur « Enregistrer » pour appliquer les modifications de code à votre thème.
-