Skip to main content

​
Aperçu

La ligne d’économies d’Upcart affiche des informations sur les réductions appliquées, les codes et les économies. Si vous préférez une mise en page plus minimaliste, vous pouvez masquer des éléments de manière sélective à l’aide de CSS personnalisé. Vous pouvez supprimer la ligne entière ou seulement des éléments spécifiques comme le montant de la réduction, les badges de code ou le mot « Discount ».

​
Où trouver l’éditeur de CSS personnalisé

  1. Allez dans Upcart > Cart Editor > Settings > Custom CSS
  2. Collez les extraits de code ci-dessous dans la zone de saisie
  3. Cliquez sur Save
  4. Actualisez votre boutique en ligne pour voir les modifications en direct

​
Exemples de CSS

Masquer la ligne d’économies entière en V1.0

​
Masquer la ligne d’économies entière en V2.0

Supprime tout le contenu lié aux réductions du tiroir de panier.
Masquer uniquement le montant de la réduction en V1.0

​
Masquer uniquement le montant de la réduction en V2.0

Conserve l’affichage du libellé ou du code de réduction, mais masque le montant économisé.
Masquer les badges de code de réduction en V1.0
Masquer les badges de code de réduction en V2.0
Masque le badge visuel affichant le code de réduction actif.
Masquer le libellé des économies en V1.0 Le libellé V1 ne porte pas de classe qui lui est propre, il faut donc limiter la règle à la ligne d’économies :
Ne ciblez pas .UpcartDesignSettings__cartTextColor seule. Il s’agit de la classe utilitaire globale de couleur de texte du panier, appliquée à l’en-tête, aux annonces, à la barre de récompenses, aux titres de produits, au titre des recommandations et plus encore — la masquer vide la majeure partie du panier.
Le texte du libellé lui-même correspond à votre traduction Total discount savings text, dont la valeur par défaut est « Discounts » — vous pouvez y modifier la formulation au lieu de le masquer.

​
Masquer le mot « Discount » en V2.0

Masque le texte statique qui utilise le mot « Discount ». Vous pouvez ajuster ce sélecteur manuellement pour un ciblage plus précis.

​
Remarque importante

Masquer des éléments, en particulier le montant de la réduction, peut réduire la visibilité des promotions et des économies. Prenez en compte l’expérience client avant d’appliquer ces modifications.

​
Besoin d’aide ?

Pour des modifications avancées de style ou de mise en page, nous vous recommandons de travailler avec un Shopify Expert. L’équipe d’assistance d’Upcart ne fournit pas d’aide pour l’implémentation de code personnalisé. Voir les Shopify Experts