> For the complete documentation index, see [llms.txt](https://docs.openspaces.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.openspaces.design/plain-jane-docs-v2-fr/plain-jane-interactive/sections-and-features/collection-list-section.md).

# Section Liste de Collections

### Ce que vous apprendrez

* Comment présenter plusieurs collections ou lookbooks dans une grille
* Comment personnaliser la mise en page, les espacements, la typographie et les couleurs
* Comment lier chaque bloc à des collections spécifiques ou à des pages personnalisées

***

### 📚 Aperçu

Le **Section Liste de Collections** vous permet de mettre en valeur plusieurs collections ou lookbooks visuels sur une page. Chaque bloc comprend une image, un titre, une description et un lien optionnel. C'est parfait pour créer une galerie sélectionnée ou une grille de catégories.

***

### 🧭 Comment ajouter la section

1. Dans le **Éditeur de thème**, cliquez `Ajouter une section`.
2. Sélectionnez **Liste de collections**.
3. Faites glisser la section à l'endroit souhaité sur la page.

***

### 🛠 Paramètres de la section

#### Contenu et données

* **Titre de la section** – Le texte de l'en-tête qui apparaît en haut de la section.

#### Mise en page et affichage

* **Nombre d'éléments à afficher sur mobile** – Choisissez combien de blocs apparaissent sur les écrans plus petits.

#### Typographie

Contrôlez les tailles de police selon les appareils :

* Taille du titre de la section (bureau et mobile)
* Taille du titre du lookbook (bureau et mobile)
* Taille de la description (bureau et mobile)
* Basculer `Titre de section en gras` et `Titre du lookbook en gras` selon les besoins.

#### Couleurs

Personnalisez l'apparence de chaque élément :

* Couleur d'arrière-plan
* Couleur du titre de la section
* Couleur du titre du lookbook
* Couleur de la description

#### Style

* **Coins d'image arrondis** – Ajustez le rayon de bordure des images.

#### Espacement

Contrôlez le padding et la séparation visuelle :

* Espacement haut/bas (bureau et mobile)
* Espace entre l'en-tête et les lookbooks
* Espace entre les éléments (bureau et mobile)

***

### 🧱 Paramètres du bloc (élément de collection)

Chaque bloc de la liste de collections permet les éléments suivants :

* **Image de couverture** – Téléversez un visuel pour la collection ou le lookbook.
* **Titre** – Nommez votre collection ou lookbook.
* **Description** – Texte d'accompagnement optionnel.
* **Lien du lookbook** – Collez un lien vers n'importe quelle collection ou page de votre boutique.

> 💡 Astuce : Vous pouvez ajouter plusieurs blocs de collection sous la même section en utilisant `+ Ajouter un bloc`.

### **Besoin d'aide ?**

* 💬 **Rejoignez notre communauté sur Discord :** <https://discord.gg/hcc2GvgZc6>
* 📧 **Envoyez-nous un e-mail à :** <support@openspaces.design>
* 💻 **Chat en direct avec nous :** Disponible du lundi au vendredi, de 10h à 18h (EST), directement sur notre site web


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.openspaces.design/plain-jane-docs-v2-fr/plain-jane-interactive/sections-and-features/collection-list-section.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.