Comment afficher le prix en dessous de la description sur Shopify ?

shopify
CN
Par Alinda, spécialiste de la thématique Shopify

Modifier les paramètres de votre site Shopify pour afficher le prix d'un produit en dessous de sa description nécessite une certaine connaissance du codage. Cependant, ne vous inquiétez pas, cette tâche peut être accomplie en suivant soigneusement les étapes suivantes.

Comprendre Shopify

Avant de commencer à modifier le code de votre site Shopify, il est important de comprendre à quoi vous avez affaire. Shopify utilise un langage de modèle appelé Liquid pour charger les données dynamiques sur vos pages.

Pour plus d'informations sur comment Shopify utilise Liquid, vous pouvez consulter la documentation officielle.

Comment modifier le code de votre thème Shopify

Voici les étapes pour modifier le code de votre thème Shopify afin d'afficher le prix en dessous de la description d'un produit :

  • Aller à 'Boutique en ligne' > 'Thèmes'.
  • Cliquez sur le bouton bleu 'Actions' en face de votre thème actuel et sélectionnez 'Modifier le code'.
  • Sur la page qui s'ouvre, vous trouverez une liste de tous les fichiers disponibles pour votre thème à gauche.
  • Recherchez le fichier qui contient le code de la page produit. Le nom exact du fichier varie en fonction du thème que vous utilisez, mais il est généralement appelé 'product-template.liquid' ou un nom similaire.
  • Lorsque vous trouvez le fichier, cliquez dessus pour l'ouvrir dans l'éditeur de code à droite.
  • Localisez la section de code qui contrôle l'affichage du prix du produit et de la description du produit. Les balises exactes que vous recherchez varient également en fonction de votre thème, mais elles ressemblent généralement à {% include 'product.description' %} et {% include 'product.price' %}
  • Changez l'ordre de ces balises pour que la balise du prix apparaisse après la balise de la description.
  • N'oubliez pas de cliquer sur 'Save' pour enregistrer vos modifications.

Tester vos modifications

Après avoir effectué et enregistré les modifications, vous devez vérifier que tout fonctionne comme prévu.

  • Accédez à la page produit de votre boutique en ligne.
  • Vérifiez que le prix apparaît maintenant en dessous de la description.

Félicitations, vous avez réussi à modifier l'affichage du prix et de la description de votre produit sur votre site Shopify. Cependant, assurez-vous de faire un test complet pour vous assurer que cette modification n'affecte pas négativement l'affichage de votre page produit sur différents appareils et navigateurs.

Conclusion

Tout le monde ne sera pas à l'aise avec le processus ci-dessus, et c'est normal. Si vous avez des difficultés, vous pouvez toujours recourir à un professionnel ou à un développeur Shopify pour vous aider. Mais si vous êtes prêt à relever le défi, suivre ces étapes peut vous aider à modifier le titre, la description et le prix des produits sur votre site Shopify.

Rappelez-vous, il est toujours bon de faire une sauvegarde de votre thème avant d'apporter des modifications importantes au code. Ainsi, si quelque chose ne fonctionne pas comme prévu, vous pouvez facilement revenir à la version précédente.

Autres articles sur la thématique Shopify