Liens avec image au survol

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

Une liste de liens à côté d’une grande image qui prend l’illustration de chaque lien au survol. Utilisez-la pour prévisualiser des catégories (« Nouveautés », « Meilleures ventes », « Soldes ») sans occuper l’espace d’une grille d’images complète.

Ajouter le bloc

1. Choisir la mise en page

   Dans le panneau du méga menu de l’aperçu, cliquez sur Ajouter un bloc. Cliquez sur Liste de liens, survolez Hover image links (liens avec image au survol) et cliquez sur Sélectionner. Le bloc démarre avec le titre « Collections » et 3 liens d’exemple.

   

   (1) Cliquez sur Liste de liens, (2) choisissez Hover image links.

2. Définir le titre et l’image par défaut

   Dans Modifier l’élément, sous Général, saisissez le Titre, choisissez une Default image et saisissez le Button label on image.

   

   Le bloc Liens avec image au survol dans l'aperçu et ses réglages dans Modifier l'élément.

3. Configurer chaque lien

   Saisissez le Titre, choisissez le Lien et sélectionnez l’Image on hover. Cliquez sur Ajouter pour ajouter un lien, ou sur Retirer pour en supprimer un.

4. Enregistrer et publier

   Ajustez l’image sous Style, puis cliquez sur Enregistrer et Publier.

Paramètres

Général

TitrePar défaut: Collections

Texte au-dessus des liens.

Default imagePar défaut: Aucune

Affichée pour les liens sans Image on hover propre.

Button label on imagePar défaut: Acheter maintenant

Texte affiché sur l’image, sous le titre du lien. Laissez-le vide pour n’afficher que le titre.

LargeurPar défaut: 66.66%

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

Style

Image positionPar défaut: Droite

Droite ou Gauche des liens.

Format d'imagePar défaut: 4:3

1:1, 4:3, 3:4, 16:9 ou 9:16.

Chaque lien

TitrePar défaut: Nouveautés, Meilleures ventes, Soldes

Le texte du lien.

LienPar défaut: Aucun

Destination du lien.

Image on hoverPar défaut: Aucune

L’image affichée lorsqu’un acheteur survole ce lien.

Jusqu’à 10 liens par bloc. Chaque lien apparaît aussi sous le bloc dans la liste Éléments, avec un bouton Add link : faites glisser les liens pour les réordonner, ou cliquez sur l’un d’eux (dans la liste ou dans l’aperçu) pour modifier uniquement ce lien, y compris sa propre Visibilité. La Visibilité de l’ensemble du bloc fonctionne comme sur tous les blocs ; consultez Paramètres communs à tous les blocs.

Conseils

• Utilisez des images de même forme et réglez Format d’image en conséquence, pour que la zone d’image ne bouge pas d’un lien à l’autre.
• Gardez des titres de lien courts. Le titre apparaît aussi sur l’image.

Pages associées

• Liste de liensAjoutez une colonne de liens, le bloc classique des méga menus, avec des icônes, des images et des badges facultatifs.
• ImageAffichez une bannière ou une image promotionnelle avec un titre, une description et un lien.
• 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