Afficher Shop Promise sur votre page de produit

Le badge Shop Promise s’affiche à côté des dates de livraison et sur les pages de produits pour les livraisons admissibles, qui sont estimées être livrées à l’intérieur des États-Unis en cinq jours civils ou moins. Ce badge permet aux clients de savoir que leur commande inclut une livraison rapide et fiable.

Une fois que vous avez activé Shop Promise, vous devez naviguer vers la page de produit en utilisant votre éditeur de thème pour confirmer que le badge Shop Promise s’affiche correctement.

Si le badge ne s’affiche pas correctement, vous devrez positionner manuellement le module Shop Promise.

Position manuelle du module Shop Promise

Si vous souhaitez lire et modifier le code du thème, vous pouvez identifier les endroits où apporter des modifications et mettre à jour la page de produit.

Identifier les endroits où apporter des modifications

Le code du module Shop Promise doit être inclus au formulaire de produit sur la page du produit, qui ressemblera à {%- form 'product', product -%}. Le module Shop Promise se trouve à différents emplacements en fonction de votre thème. Les emplacements suivants sont courants :

• main-product.liquid
• product-form.liquid
• product-template.liquid
• product.liquid

Conseil

Si vous n’êtes pas à l’aise avec la lecture et la modification du code de thème, et que vous utilisez un thème de Shopify, vous pouvez mettre votre thème à jour en contactant l’Assistance Shopify. En savoir plus sur la politique en matière de conception de Shopify. Si vous utilisez un thème tiers, vous pouvez contacter le développeur de votre thème ou engager un expert.

Mettre à jour la page de produit

Conseil

Avant de faire des modifications, dupliquez le thème et faites les modifications dans la copie afin de pouvoir facilement inverser les modifications que vous apportez.

Étapes :

Bureau

1. Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

2. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.

iPhone

1. Dans l'application Shopify, appuyez sur Boutique.

2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

3. Appuyez sur Gérer les thèmes.

4. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.

Android

1. Dans l'application Shopify, appuyez sur Boutique.

2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

3. Appuyez sur Gérer les thèmes.

4. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.

1. Ouvrez le fichier concerné.

2. Recherchez la ligne qui contient ce qui suit : {%- if block.settings.show_dynamic_checkout -%} ou {{ form | payment_button }}.

3. Créez une nouvelle ligne directement au-dessous de {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} et collez ce qui suit sur cette ligne :

<div class="delivery-promise__promise-container"></div>

1. Cliquez sur Enregistrer.

Le résultat devrait ressembler à ceci :

{%- if block.settings.show_dynamic_checkout -%}
  {{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>