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:

Boutique en ligne – ActionsModifier codeExtraits (Snippets) – product-grid-item.liquid (parfois product-price.liquid) sur dawn c’est 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 5 votes]

Besoin d'aide ?

Vous avez un problème pour faire fonctionner ce tutoriel ou vous avez un besoin spécifique ?
Nous pouvons le faire pour vous ! pour ce faire merci de prendre contact avec notre équipe.

En savoir plus

🤗 Vous souhaitez me remercier pour mes Tutos ?

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

Payer un Café à Dgeo Dev

Besoin de déléguer votre SAV ?

Si vous avez besoin d'une personne pour gérer votre SAV j'ai la perle rare 😉 contactez moi en MP ou cliquez sur le bouton ci-dessous:

Je veux déléguer mon SAV

🤗 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 27 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. Bonsoir, merci pour le com.

      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.

  12. Bonjour,

    Est-il possible de mettre ce texte « A partir de » uniquement sur certaines fiches produits ?

    Car tous mes articles n’ont pas plusieurs possibilité de prix et avec ce tuto cela mets « A partir de » sur tous les articles sans distinction.

    Par avance merci !

    1. Bonjour étrange car le code comporte justement une condition qui dit que si le prix n’a pas de réduction alors il ne s’affiche pas : product.price_varies and product.price_min

  13. Bonjour,
    C’est top et ça marche très bien dans price.liquid (thème Dawn). j’aimerais juste que le ‘à partir de’ ne s’affiche pas sur les fiches produits, comment faire ?

  14. Re-
    finalement j’ai insérer ça dans le CSS des modèles de fiches produits :
    .price-from {
    display: none;
    }

    1. Hello, super et bravo à vous ! 🙂

Laisser un commentaire

Fermer le menu
×
×

Panier