Tuto Comment mettre à partir de avant le prix sur Shopify

Nous allons voir comment mettre un « à partir de » sur les vignettes ou vues listes dans vos collections de produits

Il s’affichera uniquement si vous avez des prix différents !

Exemple de ce que cela va donner:

llll

Pour ce faire vous devez trouver le fichier qui affiche vos produits

Dans la plupart des thèmes vous le trouverez dans:

Online storeActionsEdit codeSnippedsproduct-grid-item.liquid (parfois product-price.liquid)

Vous devez repérer la zone de prix, faite une recherche Ctrl + F sur « Price » ensuite il faudra faire des tests et y aller à taton… mais je suis sur que vous allez y arriver 😉

Une fois la zone de price trouvée copiez/collez le code suivant juste avant le prix:

{% if product.price_varies and product.price_min > 0 %}<span class="price-from"> à partir de </span>{% endif %}

Voila le Tuto Comment mettre à partir de avant le prix sur Shopify est terminé vous pouvez désormais vérifier sur votre site

ps: Si vous n’avez pas de product-grid-item.liquid essayez d’analyser la structure des fichiers dans snippeds afin de trouver un fichier qui pourrait correspondre

6 commentaires sur “Tuto Comment mettre à partir de avant le prix sur Shopify

  1. Kévin

    Bonjour,

    Tout d’abords merci pour vos tuto. C’est du bon travail et d’une grande aide à la communauté française Shopify.
    Merci encore pour ça 😉

    Suite au tuto ci-dessus, je souhaites rajouter un autre type d’information sur ma page produit juste avant le bouton d’ajout au panier : une phrase du type « En stock dans nos entrepôts » quand le produit est en stock, et « Rupture de stock » par exemple quand le produit est indisponible.

    J’ai donc sur la fiche produit de Shopify (dans le product-template.liquid), ajouté une ligne avant le bouton d’ajout au panier entre balises .
    Mais l’affichage reste permanent bien evidement.

    Je précise que je ne connais pas grand chose en code mais j’ai essayé de chercher dans un autre template ce que je pense qui est une fonction ou condition ? neccessaire pour ça, et j’ai trouvé {% if sold_out %} et {% if on_sale %} dans le product-grid.
    J’ai essayé avec {% endif %} à la fin et {% if on_sale %} pour une premiere phrase entre balises et donc {% if sold_out %} sur une autre ligne dans le code pour la deuxième phrase censée s’afficher que quand le produit est indisponible, et ça ne fonctionne pas.

    Savez-vous comment résoudre ce problème ?

    Merci beaucoup pour votre réponse.
    Cordialement 🙂

      1. Kévin

        Bonjour,

        Merci pour ta réponse 😉
        J’ai essayé le code et ça ne fonctionne pas. Seule la phrase « En stock dans nos entrepôts » reste affiché dans les deux cas.

  2. Sophie

    Merci pour ce super tuto !
    Il semblerait que le « à partir de » rajoute une ligne et donc décale mes hauteurs, cela donne cela :
    ‘nom du produit’
    à partir de
    ‘prix’

    Serait-il possible de mettre le « à partir de » et le prix sur la même ligne ?
    Encore merci !

    P.S : j’utilise le theme speedfly et il me semble que de toute façon cela sera intégré dans la prochaine MAJ ? 🙂

  3. ZINE

    Bonsoir,
    La boutique ci-dessus nommée est la mienne depuis 1 mois et le nombre de visiteurs affiché est 0. L’abonnement est actif. Que puis-je faire pour améliorer la situation ?

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*
*