Skip to main content

Aperçu

Le bouton de panier fixe d’Upcart peut être redimensionné et repositionné avec du CSS personnalisé. Cela vous permet de mieux l’adapter à l’image de marque de votre boutique ou à vos préférences d’expérience utilisateur sur ordinateur et sur mobile. Deux approches sont disponibles selon le niveau de contrôle souhaité.

Option 1 : redimensionnement par mise à l’échelle (configuration simple)

Cette méthode utilise un seul facteur d’échelle pour réduire ou agrandir le bouton et l’icône proportionnellement. C’est le moyen le plus simple d’ajuster la taille du bouton avec un minimum de code.

Où ajouter ce code

Accédez à Upcart > Sticky Cart > Custom CSS et collez le code ci-dessous.

Comment personnaliser

  • Modifiez transform pour redimensionner le bouton (p. ex. 0.8, 0.6, 1.25, etc.)

Option 2 : redimensionnement au pixel près (contrôle avancé)

Cette méthode vous permet de contrôler individuellement les dimensions de chaque élément à l’aide de valeurs en px. Utilisez-la lorsque vous souhaitez des ajustements précis qui ne reposent pas sur la mise à l’échelle.

Comment personnaliser

  • Ajustez les variables dans :root pour augmenter ou diminuer la taille de chaque élément
  • Modifiez les valeurs left et top dans les sélecteurs pour centrer visuellement l’icône et le badge

Besoin d’aide ?

Si vous ne savez pas quelle méthode vous convient ou si vous avez besoin d’aide pour écrire du CSS personnalisé, nous vous recommandons de contacter un Shopify Expert. L’assistance d’Upcart n’aide pas directement à la mise en œuvre de CSS. Voir les Shopify Experts