Lorsque vous utilisez des fonctionnalités telles que l'activation conditionnelle, vous souhaiterez peut-être donner aux clients de l'information supplémentaire sur la page du panier. Vous pouvez afficher quels produits ne sont disponibles que sous certaines conditions.
Par exemple, si certains produits sont configurés pour être en mode "Ramassage exclusif", il peut être difficile pour les clients sur la page du panier de déterminer quel produit n'est pas disponible pour le ramassage. Cette solution ajoutera le texte "Ramassage exclusif" à un produit sur la page du panier, comme indiqué ci-dessous :
Vous pouvez modifier le code et le libellé pour afficher toute information sur les produits, par exemple :
Quels modes de paiement sont disponibles pour vos produits
À quels jours ou dates vos produits sont disponibles
Dans quels emplacements vos produits sont disponibles
Combien de temps faut-il pour préparer vos produits
Si vous n'êtes pas à l'aise avec la modification de code, veuillez nous contacter à [email protected] et nous serons heureux de vous aider !
Modifier le code du thème
Pour afficher le texte sur la page du panier, vous devrez ajouter du code à vos fichiers de thème.
Dans Canaux de vente, cliquez sur Boutique en ligne.
Recherchez le thème que vous souhaitez modifier, puis cliquez sur "...", puis sur Modifier le code.
Localisez le fichier du panier (par exemple cart.liquid, cart-template.liquid, main-cart.liquid, etc.)
Ajoutez le code entre les sections liées à la quantité et au prix de l'article, ou à tout autre emplacement correspondant à vos besoins.
Le code peut être modifié pour afficher du texte en fonction de :
Afficher les balises
Vous pouvez modifier le code pour répondre aux besoins de votre entreprise.
Dans cet exemple de code, les clients pourront voir quels produits sont disponibles pour quel mode de paiement grâce aux balises de produit.
Il n'est pas nécessaire que le texte corresponde à la balise : vous pouvez ajouter le texte dont vous avez besoin.
Si l'article est étiqueté comme "Ramassage exclusif", le texte "Ramassage exclusif" s'affichera dans le panier.
{% if item.product.tags contains "Ramassage exclusify" %}
<p style="color:red;text-align:center;"><strong>Ramassage exclusif</strong></p> {% endif %}Si l'article est étiqueté comme "Livraison exclusive", le texte "Livraison exclusive" s'affichera dans le panier.
{% if item.product.tags contains "Livraison exclusive" %}
<p style="color:red;text-align:center;"><strong>Livraison exclusive</strong</p> {% endif %}Si l'article est étiqueté comme "Expédition exclusive", le texte "Expédition exclusive" s'affichera dans le panier.
{% if item.product.tags contains "Expédition exclusive" %}
<p style="color:red;text-align:center;"><strong>Expédition exclusive</strong></p>
{% endif %}
Afficher le fournisseur
Vous pouvez modifier le code ci-dessous pour qu'il corresponde à votre boutique.
Dans cet exemple de code, les clients pourront voir quels produits sont disponibles pour quel mode de paiement par le fournisseur du produit.
Il n'est pas nécessaire que le texte corresponde au fournisseur : vous pouvez ajouter le texte dont vous avez besoin.
Si le fournisseur est "Entrepôt", le texte "Expédition exclusive" s'affichera dans le panier.
{% for vendor in item.product.vendor %}
{% if vendor == "Entrepôt" %}
<p style="color:red;text-align:left;"><strong>Expédition exclusive</strong></p>
{% endif %}
{% endfor %}Si vous souhaitez comparer plusieurs fournisseurs, vous pouvez les ajouter dans une seule boucle FOR.
Si le fournisseur est "Entrepôt", le texte "Expédition exclusive" s'affichera dans le panier.
Si le vendeur est "Magasin", le texte "Ramassage exclusif" s'affichera dans le panier
{% for vendor in item.product.vendor %}
{% if vendor == "Entrepôt" %}
<p style="color:red;text-align:left;"><strong>Expédition exclusive</strong></p>
{% endif %}
{% if vendor == "Magasin" %}
<p style="color:red;text-align:left;"><strong>Ramassage exclusif</strong></p>
{% endif %}
{% endfor %}
Afficher le type de produit
Vous pouvez modifier le code ci-dessous pour qu'il corresponde à votre boutique.
Dans cet exemple de code, les clients pourront voir quels produits sont disponibles pour quel mode de paiement et quel temps de préparation par type de produit.
Il n'est pas nécessaire que le texte corresponde au type de produit : vous pouvez ajouter le texte dont vous avez besoin.
Si le type de produit est "Fleurs", le texte "Ramassage exclusif" s'affichera dans le panier
{% if item.product.type == 'Fleurs' %}
<p style="color:red;text-align:left;"><strong>Ramassage exclusif</strong></p>
{% endif %}Si le type de produit est "Boulangerie", le texte "Disponible après 2 jours" s'affichera dans le panier
{% if item.product.type == 'Boulangerie' %}
<p style="color:red;text-align:left;"><strong>Disponible après 2 jours</strong></p>
{% endif %}
Afficher la collection de produits
Vous pouvez modifier le code ci-dessous pour qu'il corresponde à votre boutique.
Dans cet exemple de code, les clients pourront voir quels produits sont disponibles à quel endroit grâce à la collection de produits.
Il n'est pas nécessaire que le texte corresponde à la collection : vous pouvez ajouter le texte dont vous avez besoin.
Si la collection est "London ST", le texte "Disponible à la rue London" s'affichera dans le panier.
{% for collection in item.product.collections %}
{% if collection.title == 'London ST' %}
<p style="color:red;text-align:left;"><strong>Disponible à la rue London</strong></p>
{% endif %}
{% endfor %}Si vous souhaitez comparer des collections, vous pouvez les ajouter dans une seule boucle FOR.
Si la collection est "London ST", le texte "Disponible à la rue London" s'affichera dans le panier.
Si la collection est "Trafalgar SQ", le texte "Disponible à Trafalgar Square" s'affichera dans le panier.
{% for collection in item.product.collections %}
{% if collection.title == 'London ST' %}
<p style="color:red;text-align:left;"><strong>Disponible à la rue London</strong></p>
{% endif %}
{% if collection.title == 'Trafalgar SQ' %}
<p style="color:red;text-align:left;"><strong>Disponible à Trafalgar Square</strong></p>
{% endif %}
{% endfor %}
