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 à : [email protected]

• 💻 Discutez en direct avec nous : Disponible du lundi au vendredi, de 10h à 18h EST, directement sur notre site web