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:
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 – Actions – Modifier code – Extraits (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:
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
Kévin
24 Mai 2018Bonjour,
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 🙂
Dgeo Dev
24 Mai 2018Bonsoir, merci pour le com. essaye ceci: https://dgeodev.com/codes01/01.txt
Bonne soirée
Kévin
25 Mai 2018Bonjour,
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.
Sophie
3 Juin 2018Merci 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 ? 🙂
ZINE
1 Août 2018Bonsoir,
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 ?
Dgeo Dev
11 Août 2018Bonsoir, navré je ne comprends pas votre message
souhail
11 Nov 2019bonjour, merci pour l’info . le probléme que « à partir de » est à gauche de prix . vous pouvez m’aider ?
Dgeo Dev
12 Nov 2019Hello, euh oui c’est normal il doit être à gauche, au besoin me linker le lien du site en MP (facebook).
Peter
15 Mai 2020Hi Hi plus simple modifier dans le fichier langue from {{ lowest_price }} –> de {{ lowest_price }} par A partir de {{ lowest_price }}
Dgeo Dev
15 Mai 2020Hello, merci bonne idée. mais tous les thèmes la variable {{ lowest_price }} dans leur trad ni même au niveau des fichier 🙂
DARIF
8 Août 2020Merci 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 ! ! !
Dgeo Dev
10 Août 2020Avec plaisir et merci pour le message 😉
Sophia
12 Août 2020Bonjour ! 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 !
Dgeo Dev
12 Août 2020Bonjour, 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/
Alexia
10 Oct 2020Bonjour, 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
Dgeo Dev
12 Oct 2020Hello et merci pour le message 🙂 il suffit de reproduire les étapes mais cette fois ci dans sections – featured-product.liquid Bonne journée.
Sarah M
17 Déc 2020Hello,
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é 🙂
Dgeo Dev
17 Déc 2020Hello, merci pour le message et la contribution c’est sympa 😉
pat
17 Avr 2021Bonjour
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
Dgeo Dev
19 Avr 2021Hello, 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
Peter
7 Juin 2021Bonjour,
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.
Dgeo Dev
8 Juin 2021Hello et merci pour le message 🙂 c’est assez délicat, il faudrait pour le coup un développement sur mesure.
Fleur
2 Fév 2022Bonjour,
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 !
Dgeo Dev
3 Fév 2022Bonjour é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
sossette
8 Juin 2023Bonjour,
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 ?
sossette
8 Juin 2023Re-
finalement j’ai insérer ça dans le CSS des modèles de fiches produits :
.price-from {
display: none;
}
Dgeo Dev
12 Juin 2023Hello, super et bravo à vous ! 🙂