Section sélecteur d'images

Ce que vous apprendrez

  • Comment ajouter et configurer la section Sélecteur d'images

  • Comment télécharger des images et les lier à des produits, des pages ou des collections

  • Comment personnaliser les styles pour mobile et bureau

  • Comment contrôler la taille du texte, le style des indicateurs et la mise en page

🧩 Aperçu de la section

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

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

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

1. Ajouter la section

  • Dans le Éditeur de thème Shopify, cliquez Ajouter une section

  • Sélectionnez Sélecteur d'images

  • Faites glisser la section à l'emplacement 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. Cliquez sur Ajouter une diapositive

  2. Télécharger une image

  3. (Facultatif) Ajouter :

    • Texte du lien : Apparaît sous l'image

    • URL du lien : Collez un lien vers un produit, une collection ou n'importe quel lien

💡 Astuce : Laissez Texte du lien vide pour une mise en page épurée uniquement image.

🎨 Options de conception et de style

Sous les Sélecteur d'images 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 : Basculez entre Normal et Gras

💡 Astuce : Utilisez un texte en gras et de plus grande taille pour mettre l'accent si vous mettez en avant différentes collections.

🧩 Exemple d'arborescence de section

Une fois les comptes hérités activés, utilisez les pages de documentation de cette section pour styliser chaque partie de l'expérience client.

PrécédentSection HéroSuivantSection Flux d'images

Mis à jour