Skip to main content

Introduction

Bienvenue dans ce tutoriel sur la personnalisation de la largeur du panier mobile selon vos préférences ! Ajuster la largeur du panier mobile peut grandement améliorer l’expérience d’achat de vos clients en garantissant que votre panier soit facile à consulter et à utiliser sur les petits écrans. Cette personnalisation vous permet de contrôler la mise en page, en veillant à ce qu’elle s’intègre parfaitement au design général de votre boutique et que tout reste propre et organisé. Ces étapes sont conçues pour les propriétaires de boutique ou les développeurs ayant des connaissances de base en CSS. En ajustant la largeur du panier mobile, vous pouvez améliorer l’ergonomie et rendre le processus de paiement plus fluide pour vos clients, ce qui peut augmenter les conversions et la satisfaction client. Commençons et faisons en sorte que votre panier mobile ait exactement l’apparence et le fonctionnement que vous souhaitez !

Accéder aux paramètres de CSS personnalisé

Pour commencer à personnaliser le CSS de votre Upcart, suivez ces étapes :
  1. Ouvrez l’application Upcart dans votre tableau de bord.
  2. Accédez au Cart Editor.
  3. Ouvrez Settings et sélectionnez l’onglet Custom CSS (situé derrière More settings si la rangée d’onglets déborde).

Appliquer le CSS personnalisé

Une fois dans la section Custom CSS, vous pouvez modifier la largeur du panier mobile en suivant les étapes ci-dessous. Remplacez le nombre 90 % par la valeur de votre choix ; plus le nombre est grand, plus le panier occupe d’espace à l’écran. (remarque : cela s’applique aux versions V1.0 et V2.0 d’Upcart)
  1. Repérez la zone de saisie CSS.
  2. Copiez et collez le code suivant dans la zone de saisie CSS :

Conclusion

En suivant ce tutoriel, vous avez personnalisé avec succès la largeur du panier mobile, le rendant plus convivial et aligné sur le design de votre boutique. Ces petits changements peuvent avoir un grand impact sur l’expérience d’achat de vos clients, en leur permettant de naviguer et d’acheter plus facilement sur les appareils mobiles.

Besoin d’aide supplémentaire ?

Si vous avez besoin d’aide pour des personnalisations, nous vous recommandons de consulter un Shopify Expert pour l’ajout de HTML, de CSS et même de JavaScript à votre tiroir de panier. Voir les Shopify Experts