Comment supprimer l'étiquette de promotion sur Shopify : Guide étape par étape

Table des matières

  1. Introduction
  2. Comprendre la structure des thèmes Shopify
  3. Supprimer l'étiquette de promotion dans des thèmes Shopify spécifiques
  4. Meilleures pratiques et astuces supplémentaires
  5. Conclusion
  6. FAQ

Enlever une étiquette de promotion sur Shopify peut sembler être un petit ajustement, mais cela peut avoir un impact significatif sur l'apparence et l'expérience utilisateur globale de votre boutique en ligne. Que vous trouviez l'étiquette de promotion visuellement peu attrayante ou que vous souhaitiez simplement maintenir un aspect plus épuré pour vos listes de produits, supprimer ou modifier l'étiquette de promotion est un processus simple si vous savez où chercher.

Introduction

Avez-vous déjà rencontré une boutique en ligne soignée et bien organisée et remarqué comment chaque détail contribue à son attrait global ? La présence d'une étiquette "promotion", tout en étant bénéfique pour mettre en évidence les offres, peut ne pas toujours correspondre à l'esthétique que vous visez. Peut-être que vous pensez qu'un aspect plus épuré correspond mieux à l'image de votre marque, ou que vous souhaitez mettre en valeur les remises de manière différente. Quelle que soit votre raison, ce guide est conçu pour vous aider à naviguer dans le processus en douceur.

Dans cet article de blog, nous examinons les étapes pratiques pour enlever ou ajuster l'étiquette de promotion à travers différents thèmes Shopify, y compris Boundless, Debutify et Dawn. À la fin de ce parcours, vous saurez non seulement comment effectuer ces ajustements, mais vous comprendrez également les subtilités propres à la structure unique de chaque thème.

Comprendre la structure des thèmes Shopify

Avant de passer à la pratique, il est important de comprendre les bases de l'anatomie des thèmes Shopify. Les thèmes Shopify sont construits en utilisant une combinaison de Liquid (langage de balisage de Shopify), HTML, CSS et JavaScript. L'apparence et la fonctionnalité de l'étiquette de promotion sont principalement régies par les feuilles de style CSS du thème et, dans une certaine mesure, par ses fichiers Liquid. En apportant des modifications à ces fichiers, vous pouvez personnaliser la manière dont l'étiquette de promotion apparaît sur votre vitrine.

Supprimer l'étiquette de promotion dans des thèmes Shopify spécifiques

Thème Boundless

Si vous utilisez le thème Boundless et souhaitez masquer l'étiquette de promotion, suivez ces étapes :

  1. Depuis votre admin Shopify, accédez à Boutique en ligne > Thèmes.

  2. Repérez le thème Boundless et cliquez sur Actions > Modifier le code.

  3. Naviguez jusqu'au répertoire des Actifs et sélectionnez theme.scss.liquid.

  4. Descendez en bas du fichier et collez le code CSS suivant :

    .product-item__badge--sale { display: none; }

  5. Cliquez sur Enregistrer pour appliquer les modifications.

Cet extrait de CSS masque l'étiquette de promotion en définissant sa propriété d'affichage sur aucun, la rendant ainsi invisible sur votre site.

Thème Debutify

Pour ceux qui utilisent le thème Debutify, le processus diffère légèrement :

  1. Accédez aux Thèmes via l'admin Shopify et choisissez Personnaliser pour votre thème Debutify.
  2. Accédez à Paramètres du thème > Paramètres avancés.
  3. Localisez l'option de Placement de l'étiquette de promotion et sélectionnez Caché.
  4. Enregistrez vos paramètres pour masquer l'étiquette de promotion.

Thème Dawn et Autres Thèmes

Supprimer l'étiquette de promotion dans le thème Dawn ou d'autres thèmes similaires implique :

  1. Allez à Boutique en ligne > Thèmes > Modifier le code.

  2. Sous Actifs, trouvez et sélectionnez base.css (ou theme.css pour d'autres thèmes).

  3. Ajoutez le code CSS suivant à la fin du fichier :

    .badge--sale { display: none !important; }

  4. Appuyez sur Enregistrer pour supprimer l'étiquette de promotion de votre vitrine.

En adaptant le code CSS spécifique à chaque thème, vous pouvez supprimer efficacement l'étiquette de promotion. Gardez à l'esprit que les thèmes sont mis à jour avec le temps et que les noms de fichiers ou de classes peuvent changer. Sauvegardez toujours votre thème avant d'apporter des modifications.

Meilleures pratiques et astuces supplémentaires

  • Sauvegardez toujours votre thème : Avant d'apporter des modifications, il est crucial de sauvegarder votre thème Shopify. Cela protège contre d'éventuelles conséquences involontaires pouvant découler de la modification du code du thème.
  • Testez les modifications : Après avoir appliqué les ajustements, testez minutieusement votre site web. Vérifiez différentes pages et assurez-vous que la suppression de l'étiquette de promotion n'a pas d'effet négatif sur d'autres éléments de design.
  • Considérez la réactivité mobile : Assurez-vous que toute modification que vous apportez est bien reflétée sur tous les appareils. Souvent, les changements CSS impactent différemment les mises en page sur ordinateur de bureau et mobile.

Conclusion

Personnaliser votre boutique Shopify en supprimant l'étiquette de promotion peut aligner votre site plus étroitement avec vos préférences de branding et de design. Que vous visiez un aspect minimaliste ou préfériez simplement mettre en avant les remises différemment, les étapes décrites ci-dessus vous aideront à obtenir le résultat souhaité sur différents thèmes.

N'oubliez pas, la clé d'une personnalisation réussie réside dans la compréhension de la structure de votre thème Shopify spécifique, la sauvegarde de votre travail et l'assurance de la cohérence sur différents appareils. Avec ces directives, vous êtes bien équipé pour personnaliser la vitrine Shopify afin de mieux refléter l'identité unique de votre marque.

FAQ

  1. Est-ce que supprimer l'étiquette de promotion affectera le référencement de ma boutique ?

    • Non, supprimer l'étiquette de promotion est un changement visuel et ne devrait pas affecter le référencement de votre boutique.

  2. Puis-je personnaliser l'étiquette de promotion au lieu de la supprimer ?

    • Oui, en ajustant le code CSS, vous pouvez modifier l'apparence de l'étiquette de promotion au lieu de la supprimer complètement. Cela pourrait inclure un changement de couleur, de taille ou de position.

  3. Que dois-je faire si mon thème n'a pas le fichier CSS ou la classe spécifiée ?

    • Les structures de thèmes peuvent varier. Si vous ne parvenez pas à trouver le fichier ou la classe exacte, recherchez des fichiers ou des classes de noms similaires dans le code de votre thème, car la fonctionnalité pourrait toujours être présente sous un autre nom.

  4. Comment puis-je annuler les modifications si quelque chose ne va pas ?

    • Si vous avez sauvegardé votre thème avant d'apporter des modifications, vous pouvez restaurer la sauvegarde. Sinon, vous pouvez supprimer ou commenter le CSS personnalisé que vous avez ajouté.

  5. Est-il possible de masquer l'étiquette de promotion uniquement sur des produits spécifiques ?

    • Oui, avec des modifications CSS ou Liquid plus avancées, vous pouvez cibler des produits spécifiques. Cependant, cela pourrait nécessiter une compréhension plus détaillée du système de templating de Shopify ou l'aide d'un développeur Shopify.

App Stack