Ajout du prix sur le bouton "Ajouter au panier" avec le thème Dawn

Topic summary

Un utilisateur cherche à afficher le prix du produit directement sur le bouton “Ajouter au panier” dans le thème Dawn de Shopify, avec un format souhaité du type “AJOUTER AU PANIER - 12,90 €”.

Solution proposée:

  • Modifier le fichier theme.liquid dans l’éditeur de code
  • Insérer un script JavaScript avant les balises fermantes </body></html>
  • Le code utilise querySelector pour combiner le texte du bouton avec le prix affiché

Problème persistant:
Le code fourni ne gère pas correctement les variantes de produits - le prix disparaît lors du changement de variante. La discussion reste ouverte avec une demande d’aide pour résoudre ce problème de mise à jour dynamique du prix selon la variante sélectionnée.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.

Chers membres de la communauté Shopify,

Je rencontre actuellement un problème technique sur ma boutique en ligne avec le thème Dawn et je recherche de l’aide pour résoudre ce souci. Mon objectif est d’ajouter le prix de mes produits sur chacun de mes boutons “Ajouter au Panier” et de m’assurer que cela fonctionne correctement avec les variantes de produits.

Exemple de résultat : AJOUTER AU PANIER - 12,90 €

J’ai déjà effectué des recherches et des tentatives pour résoudre ce problème, mais je n’ai pas encore réussi à obtenir le résultat souhaité.

Cordialement,

Toute aide, suggestion ou exemple de code serait grandement apprécié. Merci beaucoup pour votre attention et votre expertise !

1 Like

Bonjour, réponse tardive j’imagine mais tu paux suivre ces étapes :

  • Dans l’éditeur de thème ;
  • Cliquer “Modifier le code” ;
  • Dans le dossier theme.liquid ;
  • Coller le code ci dessous , juste avant les balises fermantes (), à la fin du fichier :

Merci beaucoup seulement, le code ne prend pas en compte les variantes et le prix disparait lorsque l’on change de variante, savez vous comment régler le problème ? Merci