Ces étapes expliquent comment afficher les libellés des offres du portefeuille de récompenses Webplanex sur les pages de collection/liste de collections et de détails des produits de votre boutique Shopify, selon la version de votre thème.
Version du thème 2.0 et ultérieure (méthode glisser-déposer) :
-
Ajouter un bloc d'application :
Dans la barre latérale gauche, localisez la section « Ajouter une section/Ajouter un bloc ».
Faites défiler la page jusqu'à la section « Applications ». Section.
-
Sélection du libellé de l'offre Webplanex :
Selon la page, choisissez le bloc approprié :
- Collections/Liste des collections : recherchez "WebPlanexCollectionLabel".
- Page de détails du produit : recherchez "WebPlanex Product Label".
-
Positionnement par glisser-déposer :
Glissez-déposez le bloc choisi sur l'aperçu de votre page, à l'emplacement souhaité.
-
Enregistrement des modifications :
Cliquez sur « Enregistrer » pour appliquer les modifications à votre thème.
Version du thème inférieure à 2.0 (méthode d'édition du code) :
Accès au code du thème :
- Connectez-vous à votre interface d'administration Shopify.
- Accédez à Boutique en ligne > Thèmes.
- Sélectionnez votre thème actuel et cliquez sur « Actions » > « Modifier le code ».
Créer un fichier Liquid (nouveau) :
- Dans l'éditeur de code du thème, accédez au panneau de gauche et repérez la section « Extraits ».
- Créez un fichier nommé « wpcb-offer-label.liquid ». Ajoutez le code ci-dessous et enregistrez-le.
Code vers le fichier Liquid :
{% assign wpcb_type = 'wpcb_campaign_' | append : wpcb_label_type %} {%- si [wpcb_label_type].metafields[wpcb_type] -%} {% capture wpcb_offer_sentance %} {% pour offer_label dans [wpcb_label_type].metafields[wpcb_type] %} {{ offer_label | last }} {% unless forloop.last %}, {% endunless %} {% endfor %} {% endcapture %}
{{ wpcb_offer_sentance }}{%- endif -%}
Inclure le code dans le modèle de thème :
Localisez le fichier de modèle de thème correspondant à la page choisie (collection ou produit).
Dans le code du modèle, utilisez l'extrait de code suivant, en remplaçant « wpcb_label_type » par « wpcb_label_type ». avec la valeur appropriée :
Extrait de code
Libellé du produit :
{% render 'wpcb-offer-label',wpcb_label_type:'product' %}
Libellé de la collection :
{% render 'wpcb-offer-label',wpcb_label_type:'collection' %}
Paramètre facultatif :
Si votre variable d'objet produit ou collection porte un nom différent, transmettez-le comme paramètre supplémentaire :
Extrait de code
{% render 'wpcb-offer-label',wpcb_label_type:'collection',collection : card_collection %} (Pour les collections nommées 'card_collection')
{% render 'wpcb-offer-label',wpcb_label_type:'product',product : card_product %} (Pour les produits nommés « card_product »)
Remarques importantes :
- Pour les versions de thème antérieures à 2.0, l'emplacement des fichiers de code peut varier en fonction de la structure de votre thème.
- Veillez à remplacer card_collection et card_product par les noms de variables de vos collections et produits dans le paramètre facultatif.