Liste de liens

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

Un titre et une liste de liens, répartis sur une ou plusieurs colonnes. Utilisez-la pour des catégories, des marques, des tailles ou n’importe quelle liste de pages.

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 Liste de liens, survolez une mise en page et cliquez sur Sélectionner.

   

   (1) Cliquez sur Liste de liens, (2) choisissez une mise en page.

2. Ajouter les liens

   Cliquez sur Ajouter des éléments sous la liste dans l’aperçu ou dans la liste Éléments. Cliquez sur le bloc pour ouvrir Modifier l’élément et renseignez chaque lien ; cliquez sur Retirer pour en supprimer un.

   

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

3. Enregistrer et publier

   Cliquez sur Enregistrer, puis sur Publier.

Mises en page

L’onglet Liste de liens démarre avec quatre mises en page spéciales : Hover image links (liens avec image au survol), Feature list (liste d’atouts), Feature list row et Bouton. Consultez Liens avec image au survol, Liste d’atouts et Bouton. Les mises en page classiques de liste de liens sont :

2 colonnes

Un titre avec les liens répartis sur 2 colonnes.

3 colonnes

Un titre avec les liens répartis sur 3 colonnes.

Simple

Un titre avec une colonne de liens.

Liens avec icône

Une icône devant chaque lien.

Liens avec image

Une petite image devant chaque lien.

Paramètres

Bloc

LargeurPar défaut: Selon la mise en page

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

Nombre de colonnesPar défaut: 1 (2 ou 3 pour les mises en page en colonnes)

Répartit les liens sur 1 à 6 colonnes.

Couleur d'arrière-planPar défaut: Transparent

Arrière-plan de l’ensemble du bloc.

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.

Nom de classe supplémentairePar défaut: Vide

Sous Avancé. Une classe CSS pour le CSS personnalisé.

Chaque lien

Est un titre

Met en forme le lien comme un titre de colonne. Un titre sans lien s’affiche sous forme de texte simple.

Icône

Une icône affichée avant le lien. Consultez Icônes des éléments de menu.

Largeur de l'icône

Apparaît lorsque l’icône est une image importée : Auto ou Personnalisée (%, px, em ou rem).

Titre

Le texte du lien.

Lien

Recherchez une page, un produit, une collection ou un article de blog, ou collez une URL. Cochez Ouvrir dans un nouvel onglet pour l’ouvrir dans un nouvel onglet.

Icône d'image / Largeur de l'image

Dans les mises en page avec images, comme Liens avec image : la petite image devant le lien et sa taille (Auto ou Personnalisée).

Description

Une courte ligne de texte sous le lien.

BadgePro

Une petite étiquette, comme « Nouveau » ou « Soldes », à côté du lien. Activez Activer le badge, puis définissez Titre du badge, Couleur du texte du badge et Couleur d’arrière-plan du badge.

Conseils

• Placez un lien avec Est un titre en haut de chaque liste.
• Terminez la liste par un lien View all qui pointe vers la collection complète.

Pages associées

• 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.
• Liens avec image au survolAffichez une liste de liens à côté d'une grande image qui change lorsque les acheteurs survolent chaque lien.
• Liste d'atoutsPrésentez les atouts de votre boutique, comme la livraison gratuite et les retours sous 30 jours, avec des icônes.
• BoutonAjoutez un bouton d'appel à l'action, comme « Tout acheter », à un méga menu.

Cette page vous a-t-elle aidé ?

Signaler un problème