# Section sélecteur d’images

### **Ce que vous apprendrez**

* Comment ajouter et configurer la section Sélecteur d'image
* Comment télécharger des images et les lier à des produits, des pages ou des collections
* Comment personnaliser les styles pour mobile et ordinateur
* Comment contrôler la taille du texte, le style des indicateurs et la mise en page

***

### 🧩 Présentation de la section

La section Sélecteur d'image permet aux clients de parcourir une série d'images cliquables — idéale pour présenter différents looks de produit, variantes de couleur ou collections en vedette.

Chaque image fonctionne comme un lien visuel avec un texte optionnel et une URL cliquable.

***

### ⚙️ Comment ajouter et personnaliser le Sélecteur d'image

#### 1. Ajouter la section

* Dans le **éditeur de thème Shopify**, cliquez **Ajouter une section**
* Sélectionnez **Sélecteur d'image**
* Faites glisser la section à l'endroit souhaité dans votre mise en page

***

### 📷 Ajout de diapositives (images)

Chaque image est ajoutée en tant que **Diapositive** bloc.

#### Pour ajouter une diapositive :

1. Cliquer sur **Ajouter une diapositive**
2. Télécharger une image
3. (Optionnel) Ajouter :
   * **Texte de lien** : Apparaît sous l'image
   * **URL du lien** : Coller un lien de produit, de collection ou n'importe quel lien

> 💡 Astuce : Laissez **Texte de lien** vide pour une mise en page épurée composée uniquement d'images.

***

### 🎨 Options de design et de style

Sous les **Sélecteur d'image** paramètres, personnalisez :

#### Couleurs

* **Couleur d'arrière-plan** : Choisissez uni ou dégradé
* **Couleur du lien** : Affecte le texte sous chaque image
* **Couleur de la bordure de l'indicateur** : Couleur du contour pour l'image sélectionnée (visible dans la navigation par vignettes)

#### Typographie

* **Taille du texte du lien (Bureau)** : Ajustable dans `px`
* **Taille du texte du lien (Mobile)** : Ajustable dans `px`
* **Épaisseur du texte du lien** : Basculer entre `Normale` et `Gras`

> 💡 Astuce : Utilisez du texte en gras et plus grand pour mettre en évidence si vous présentez différentes collections.

***

### 🧩 Exemple d'arbre de section

```
Sélecteur d'image
├── Diapositive – Look 1
├── Diapositive – Look 2
├── Diapositive – Look 3
├── Diapositive – Look 4
├── Diapositive – Look 5
└── Diapositive – Look 6
```

***

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