Image

Référence Tous les forfaits 2 min de lecture

Une image avec un titre, une description et un lien facultatifs. Utilisez-la pour une bannière saisonnière ou une image qui renvoie vers une collection ; elle peut aussi basculer vers une seconde image au survol.

Ajouter le bloc

1. Choisir une mise en page

   Dans le panneau du méga menu de l’aperçu, cliquez sur Ajouter un bloc. Cliquez sur Ajouter une image personnalisée, survolez Image 1 ou Image 2 et cliquez sur Sélectionner.

   

   (1) Cliquez sur Ajouter une image personnalisée, (2) choisissez Image 1 ou Image 2. (3) correspond à la mise en page Carrousel d'images.

   Image 1 affiche le titre sous l’image. Image 2 l’affiche sur une barre sombre superposée à l’image.

   Le même onglet contient aussi Promo banner (bannière promotionnelle), Promo banner split et Brand logos (logos de marques). Consultez Bannière promotionnelle et Logos de marques.

2. Choisir l’image et les textes

   Dans Modifier l’élément, cliquez sur Sélectionner une image pour importer ou choisir une image. Renseignez le Titre, le Lien et la Description.

   

   Le bloc Image dans l'aperçu et ses réglages dans Modifier l'élément.

3. Enregistrer et publier

   Cliquez sur Enregistrer, puis sur Publier.

Paramètres

TitrePar défaut: Image 1 / Image 2

Texte affiché avec l’image. Laissez-le vide pour n’afficher que l’image.

LienPar défaut: Aucun

Destination de l’image au clic : une page, un produit, une collection ou une URL. Cochez Ouvrir dans un nouvel onglet si nécessaire.

DescriptionPar défaut: Exemple de description

Une seconde ligne de texte, plus petite, sous le titre.

Changer d'image au survolPar défaut: Désactivé

Ajoute une Image on hover que les acheteurs voient lorsqu’ils passent la souris sur le bloc. Sur téléphone et tablette, les acheteurs voient l’Image principale.

Image / Image on hoverPar défaut: Aucune

L’image principale et, lorsque l’échange est activé, l’image affichée au survol.

Largeur de l'imagePar défaut: Auto

Apparaît après le choix d’une image : Auto ou Personnalisée (un nombre en %, px, em ou rem).

LargeurPar défaut: 25%

Part de la ligne du méga menu occupée par le bloc : Auto ou de 8.33% à 100%.

Aucune marge intérieurePar défaut: Désactivé

Supprime l’espacement intérieur du bloc pour que l’image remplisse le bloc d’un bord à l’autre.

VisibilitéPar défaut: Désactivée

Masquer sur ordinateur, Masquer sur mobile, Masquer si connecté, Afficher uniquement si connecté, Planifier la publication. Consultez Paramètres communs à tous les blocs.

Conseils

• Utilisez la même taille (par exemple 800 × 800 px) pour l’image principale et l’image au survol, afin que le bloc ne saute pas lors du changement d’image.
• Une grande image dans un bloc étroit alourdit le menu sur téléphone. Si elle ne sert qu’à décorer, activez Visibilité > Masquer sur mobile.

Pages associées

• Carrousel d'imagesAffichez plusieurs images dans un carrousel, chacune avec sa propre légende et son propre lien.
• Bannière promotionnelleAjoutez une bannière avec un titre, un texte et un bouton pour promouvoir une vente ou une nouvelle collection.
• Logos de marquesAffichez une grille de logos de marques qui renvoient chacun vers la collection de la marque.
• Présentation des blocsAjoutez des blocs tels que des liens, des images, des produits et des comptes à rebours à un méga menu ou à un onglet.

Cette page vous a-t-elle aidé ?

Signaler un problème