Aperçu
Étape 1 : Inspecter l’élément
- Ouvrez votre boutique en ligne et lancez le tiroir Upcart.
- Faites un clic droit sur l’élément dont vous souhaitez modifier la taille de police.
- Choisissez Inspect dans le menu contextuel de votre navigateur pour ouvrir les outils de développement.
- Repérez le nom de classe de l’élément dans le panneau HTML.
Exemple :upcart-item-option
Étape 2 : Accéder à l’éditeur de CSS personnalisé
- Allez dans Shopify Admin > Apps > Upcart
- Ouvrez le Cart Editor
- Cliquez sur Settings
- Trouvez la section Custom CSS
Étape 3 : Rédiger votre CSS personnalisé
- Commencez par un point (
.) suivi du nom de classe - Ajoutez
{ font-size: 14px !important; }(ou la taille de votre choix)
.upcart-item-option est une classe V1. Sur la V2, le texte de variante d’article équivalent est .upcart-public-component-product-tile__variant. Consultez la bibliothèque de sélecteurs CSS V2 pour l’ensemble complet.
Utilisez !important uniquement si le style n’est pas pris en compte après la modification.
Étape 4 : Enregistrer et tester
- Cliquez sur Save dans le Cart Editor
- Actualisez la page de votre boutique
- Ouvrez le tiroir du panier et confirmez que la taille de police a bien été mise à jour