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

Passons au côté technique

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

Inclus dans Speedfly
Merci de me laisser une petite note 😉
[Note moyenne de: 5 sur 4 votes]

🤗 Vous souhaitez me remercier pour mes Tutos ?

Cliquez sur le bouton ci-dessous pour m'encourager à continuer 😉

Payer un Café à Dgeo Dev

Cet article a 22 commentaires

  1. 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. 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. 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. 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 ?

    1. Bonsoir, navré je ne comprends pas votre message

  4. bonjour, merci pour l’info . le probléme que « à partir de » est à gauche de prix . vous pouvez m’aider ?

    1. Hello, euh oui c’est normal il doit être à gauche, au besoin me linker le lien du site en MP (facebook).

  5. Hi Hi plus simple modifier dans le fichier langue from {{ lowest_price }} –> de {{ lowest_price }} par A partir de {{ lowest_price }}

    1. Hello, merci bonne idée. mais tous les thèmes la variable {{ lowest_price }} dans leur trad ni même au niveau des fichier 🙂

  6. Merci beaucoup ! votre chaine m’a apporté beaucoup , et c’est devenu une référence pour moi , je trouve vraiment tout ce que je veux, ça c du bon contenu ! ! ! merci encore une fois ! ! !

    1. Avec plaisir et merci pour le message 😉

  7. Bonjour ! Merci pr tout ce contenu de fou! Petite question dans le thème brooklyn sur ma page d’accueil jai mes produits mais les prix se présentent sous cette forme — €35.99 +

    Comment puis je enlever le +?

    Aussi économisez ×€ me semble inapproprié mais je ne réussis à le transformer en pourcentage …

    Pourriez vous m’éclairer ?

    Merci d’avance !

    1. Bonjour, logiquement c’est directement dans les traductions du thème – Actions – Modifier les langues / Pour ce qui est du économiser en % ca dépend de votre thème sinon c’est un développement sur mesure 🙂 ps: speedfly le propose nativement au besoin : https://speed-ecom.eu/t/theme-speedfly/

  8. Bonjour, merci pour vos tutos au top. Vous nous montrez comment faire pour mettre « à partir de » sur les vignettes ou vue liste, mais comment le mettre également sur la fiche produit ? Merci pour votre aide

    1. Hello et merci pour le message 🙂 il suffit de reproduire les étapes mais cette fois ci dans sections – featured-product.liquid Bonne journée.

  9. Hello,

    Pour ma part il a fallu que j’aille dans Snippets > product-price-listing.liquid.
    Si jamais ça peut aider certain dans mon cas.
    En tout cas merci pour ce morceau de code ! Ca m’a beaucoup aidé 🙂

    1. Hello, merci pour le message et la contribution c’est sympa 😉

  10. Bonjour
    j’ai un soucis
    quand je met les image dans le carrousel pas de soucis, mais une fois sur le site internet gros bug les image sont disproportionné.
    que dois-je faire svp
    merci

    1. Hello, cela doit être un problème avec le thème qui doit gérer étrangement les tailles d’images. Le mieux serait de demander au support de celui ci

  11. Bonjour,
    Merci pour vos tutos simple et pratiques.
    Je ne trouve nul part de solution pour un problème similaire. J’ai plein de mono-produits, quand je vends l’un d’eux je mets le prix à 0.
    Comment créer une condition: si prix = 0 ne pas afficher le prix? Ou si stock 0 ne pas afficher de prix?
    Je ne suis pas certain d’être au bon endroit pour ma question.

    1. Hello et merci pour le message 🙂 c’est assez délicat, il faudrait pour le coup un développement sur mesure.

Laisser un commentaire

Fermer le menu

Envie d'apprendre à Coder et Maitriser ton Thème Shopify  ?

Alors abonne-toi à la chaine et active la cloche pour ne pas louper l'arrivée des prochaines vidéos !

S'abonner à la chaine