# Paramètres de mise en page des collections

> **Ce que vous apprendrez**
>
> * Comment personnaliser la mise en page de vos pages de collection
> * Comment ajuster le nombre de colonnes, l'espacement, la taille des images et les effets au survol

***

### 🧭 Aperçu

Le **Mise en page des collections** les paramètres vous permettent de contrôler la façon dont les produits sont affichés sur vos pages de collection sur ordinateur et mobile. Ces options aident à créer l'expérience d'achat idéale qui correspond à l'apparence de votre marque et à votre gamme de produits.

***

### 🖥️ Options de mise en page

#### Colonnes sur ordinateur

* Choisissez combien de produits s'affichent par ligne sur ordinateur :
  * Options : **2**, **3**, **4**, **5**, ou **6** colonnes

#### Colonnes sur mobile

* Choisissez combien de produits s'affichent par ligne sur mobile :
  * Options : **Un** ou **Deux** colonnes

> 💡 Utilisez moins de colonnes pour les grandes images produits ou les articles haut de gamme

#### Espacements de colonnes et de lignes

Ajustez l'espacement entre les produits pour contrôler la densité visuelle :

* **Espacement des colonnes (ordinateur)**
* **Espacement des lignes (ordinateur)**
* **Espacement des colonnes (mobile)**
* **Espacement des lignes (mobile)**

Toutes les valeurs sont mesurées en pixels (`px`) et réglables via un curseur.

***

### 🖼️ Paramètres d'image

#### Taille de l'image produit

* Ajustez le pourcentage de taille de l'image produit par rapport à son conteneur (par ex. 100%)

#### Ratio d'aspect de l'image produit

Choisissez la forme des images produits dans votre grille :

* **Naturel (taille d'image d'origine)**
* **Carré**
* **Portrait**
* **Paysage**

> 💡 Choisissez **Carré** pour une mise en page plus uniforme

#### Afficher la 2e image du produit au survol

* Activez ceci pour révéler la deuxième image d'une fiche produit au survol sur ordinateur
* Souvent utilisé pour montrer des vues alternatives ou des angles du produit

***

### 🧪 Cas d'utilisation courants

* **Boutiques minimalistes** — Utilisez 2–3 colonnes et un espacement plus large
* **Boutiques à fort volume** — Utilisez 4–6 colonnes pour afficher davantage de produits
* **Présentations interactives** — Activez la 2e image au survol pour stimuler l'engagement produit

***

### **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
