Comment barrer un prix en rouge sur Shopify ?

Étape 1 : Accès à l'éditeur de thème

1. Connectez-vous à votre compte admin Shopify.
2. Du tableau de bord, cliquez sur "Boutique en ligne".
3. Ensuite, cliquez sur "Personnaliser" pour accéder à l'éditeur de thème.

Étape 2 : Modification du code CSS

1. Cliquez sur "Thème Actions" en bas à gauche de la page.
2. Sélectionnez "Modifier le code".
3. Recherchez le fichier CSS de votre thème, généralement nommé "theme.scss.liquid" ou similaire, dans le dossier "Assets".
4. Ajoutez le code suivant à la fin du fichier CSS :

.price--compare {
   color: red;
   text-decoration: line-through;
}

5. Cliquez sur "Save" pour enregistrer votre fichier.

Étape 3 : Vérifier les modifications

Retournez à la page d'accueil de votre boutique et actualisez la page pour voir les modifications. Les prix barrés devraient maintenant apparaître en rouge.

• Remarque : Ce guide suppose que votre thème utilise la classe "price--compare" pour les prix barrés. Si votre thème utilise une classe différente, vous devrez remplacer "price--compare" par le nom de la classe appropriée. Vous pouvez le trouver en inspectant le code HTML de votre page. Si vous ne vous sentez pas encore à l'aise avec le code, il peut être préférable de demander l'aide d'un développeur ou d'un service de support Shopify.