Galerie d'image

La section Galerie d'images présente visuellement des produits, des portfolios ou des séances photo comme une galerie de manière efficace.

Cette fonctionnalité vous permet de présenter plusieurs images de manière visuellement attrayante, améliorant ainsi l'engagement des utilisateurs et augmentant la probabilité de conversions en offrant aux clients potentiels une vue plus claire de ce qui est proposé.

Dans cet article, nous allons vous montrer comment ajouter une section Galerie d'images.

Comment ajouter une section Galerie d'images à votre boutique Shopify

En-tête de section

Modifiez la disposition de l'en-tête de section selon votre direction préférée : Vertical/Horizontal.

Utilisez les champs de texte fournis pour ajouter un titre approprié .

  • Laissez-le vide si vous ne souhaitez pas l'afficher

Vous pouvez également modifier la taille du titre comme suit :

  • Titre xs

  • Titre sm

  • Titre md

  • Titre lg

  • Titre xl

  • Titre 2xl

  • Affichage md

  • Écran lg

  • Affichage xl

Surligner le texte

Utilisez les champs de texte fournis pour ajouter un sous-titre et une description appropriés .

  • Laissez-les vides si vous ne souhaitez pas les afficher.

Vous pouvez également modifier la taille de la description sur Petite/Taille de base/Grande pour que le contenu soit équilibré sur votre site Web.

De plus, ce paramètre de section vous permet d'ajouter le bouton d'appel à l'action pour rediriger les clients vers la page souhaitée ou vers la page de médias sociaux.

Fournissez une étiquette de bouton et un lien de bouton pour ce bouton, puis choisissez un style de bouton (bouton principal/bouton secondaire/bouton souligné/bouton d'icône bordé).

Sélectionnez une icône de réseau social appropriée pour ce bouton (Instagram/Facebook/Twitter)

  • Choisissez Aucun pour afficher le bouton normal sans icône.

Par exemple:

Paramètres de la grille

Utilisez le curseur pour ajuster le nombre de colonnes sur le bureau (entre 2 et 6) pour les blocs d'images.

Vous pouvez également contrôler l'espacement approprié entre les blocs d'image en sélectionnant les options Espacement des colonnes et Espacement des lignes .

  • Espacement des colonnes : Très grand/Grand/Moyen/Petit/Très petit/Aucun

  • Espacement des rangées : Très grand/Grand/Moyen/Petit/Très petit/Aucun/Identique à l'espacement des colonnes

Image

Sélectionnez le rapport d'image pour les images de la galerie comme suit :

  • S'adapter à l'image

  • Carré (1:1)

  • Portrait (3:4)

  • Paysage (4:3)

Disposition mobile

Vous pouvez ajuster la disposition de la grille sur mobile en modifiant la valeur du nombre de colonnes sur mobile sur 1 colonne ou 2 colonnes.

Si vous n'êtes pas fan de la disposition en grille, vous pouvez utiliser la disposition en carrousel en sélectionnant Activer le balayage sur mobile pour rendre la galerie d'images balayable.

Paramètres de blocage

Vous pouvez ajouter plusieurs blocs d’images à la section Galerie d’images .

Cliquez sur Sélectionner une image pour sélectionner une image appropriée pour le bloc à afficher dans la section.

De plus, vous pouvez éventuellement ajouter le lien spécifique pour ce bloc d'image.

Last updated