# 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 :** * 📧 **Envoyez-nous un e-mail à :** * 💻 **Discutez en direct avec nous :** Disponible du lundi au vendredi, de 10h à 18h EST, directement sur notre site web --- # Agent Instructions: 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: ``` GET https://docs.openspaces.design/plain-jane-docs-v2-fr/readme-1/sections-and-features/image-selector-section.md?ask= ``` The question should be specific, self-contained, and written in natural language. 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.