# Barre latérale Collection

### 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 à :** <support@openspaces.design>
* 💻 **Discutez en direct avec nous :** Disponible du lundi au vendredi, de 10h à 18h EST, directement sur notre site web