Barre latérale Collection

Pour Plain Jane, et Plain Jane Interactive

Ce que vous apprendrez

• Comment configurer la section Barre latérale Collection

• Comment ajuster les paramètres du panier, du menu, du produit et des étiquettes

• Comment activer le tri, la recherche et le comportement de pagination

---

Comment personnaliser la barre latérale Collection

1. Accéder à l'Éditeur de thème

   • Depuis votre administration Shopify, allez à Boutique en ligne > Thèmes

   • Cliquer sur Personnaliser sur votre thème actif

   • Ouvrez le Collection modèle et sélectionnez le Barre latérale Collection section

2. Menu de la barre latérale

   • Cliquer sur Sélectionnez pour attribuer un menu

   • Positionnez la barre latérale sur la Gauche ou Droite

   • Facultativement téléchargez une image de peau pour personnaliser l'arrière-plan

3. Paramètres de la barre latérale

   • Ajuster Opacité de la barre latérale à l'aide du curseur (par ex. 1 px)

   • Définir le Couleur d'arrière-plan (par ex. #202020)

   • Basculer Activer le menu fixe ou Activer l'ombre de la barre latérale au besoin

4. Date et heure (Optionnel)

   • Personnaliser Couleurs de la date/heure pour bureau et mobile

   • Basculer Afficher la date/l'heure pour afficher les horodatages

5. Liens de la barre latérale

   • Définir Alignement du texte (Gauche, Centré)

   • Ajuster l'espacement pour niveaux de liens et taille de la police

   • Personnaliser les couleurs :

     • Couleurs des liens du menu et du panier

     • Texte du panier, Quantité, et Arrière-plan couleurs

     • Couleurs pour mobile inclus

6. Titres et prix des produits

   • Personnaliser taille de la police et couleur de fond pour les titres et les prix

   • Définir Couleur du prix comparé (par ex. rouge #FF0000)

   • Basculer les options d'affichage :

     • Afficher les titres des produits

     • Afficher les prix des produits

     • Afficher les prix comparés

7. Étiquettes

   • Définir la taille de la police et les couleurs d'arrière-plan/texte pour :

     • Précommande

     • En promotion

     • Rupture de stock

   • Basculer la visibilité de chaque type d'étiquette

8. Arrière-plan du produit

   • Définir rayon des coins et téléchargement de produits avec PNGs

   • Rendre éventuellement l'arrière-plan transparent

9. Icônes de recherche et de tri

   • Définir la position de l'icône et couleurs

   • Basculer la visibilité de icônes de recherche/tri et échanger les icônes

10. Barre de recherche

    • Ajuster opacité de l'arrière-plan et couleurs pour :

      • Boîte de recherche

      • Bouton Annuler

      • Résultats de recherche

      • Champ de saisie

    • Stylez éventuellement les coins et les ombres

11. Menu de tri

    • Personnaliser :

      • Couleurs du texte et d'arrière-plan pour les options par défaut et actives

      • Couleurs de la poignée du menu de tri

12. Pagination et chargement

    • Choisissez Type de pagination: Défilement infini ou Numéros de page

    • Définir les couleurs pour :

      • Texte de la pagination

      • Page active et son texte

      • Flèches de pagination

💡 Astuce : Assurez-vous de prévisualiser à la fois en vue bureau et mobile pour confirmer l'espacement, la lisibilité et l'intégrité de la mise en page.

Besoin d’aide ?

• 💬 Rejoignez notre communauté sur Discord : https://discord.gg/hcc2GvgZc6

• 📧 Envoyez-nous un e-mail à : [email protected]

• 💻 Discutez en direct avec nous : Disponible du lundi au vendredi, de 10h à 18h EST, directement sur notre site web