Élément de liste d'icônes

À propos de l'élément de liste d'icônes ?

L' Élément de liste d'icônes dans GemPages, affiche une rangée d'icônes disposées horizontalement. C'est parfait pour attirer l'attention sur des détails ou des fonctionnalités spécifiques tout en améliorant l'esthétique générale de votre boutique.

Voici quelques façons d'utiliser le Élément de liste d'icônes effectivement:

• Bannières de héros:Affichez des icônes représentant des avantages tels qu'une livraison rapide, des paiements sécurisés ou des produits respectueux de l'environnement.
• Détails du produit:Utilisez des icônes pour représenter visuellement les caractéristiques du produit telles que la durabilité, les dimensions ou les matériaux.
• Témoignages: Ajoutez des icônes pour améliorer les avis des clients, tels que des étoiles pour les notes ou des badges pour l'assurance qualité.

Comment ajouter un élément de liste d’icônes à votre page ?

Suivez ces étapes ci-dessous pour faire glisser et déposer un élément de liste d'icônes dans votre page à l'aide de GemPages Editor v7 :

• Connectez-vous à votre Administrateur Shopify > Générateur de pages GemPages application> Pages.
• Cliquez sur la page où vous souhaitez ajouter l'élément de liste d'icônes pour accéder à l'éditeur.
• Dans la barre latérale gauche, recherchez cet élément et faites-le glisser vers la position souhaitée sur votre page.

• Localisez l'élément pour ouvrir ses paramètres pour une personnalisation supplémentaire.

Configurer l'onglet Paramètres

En vertu des Normes sur l’information et les communications, les organismes doivent rendre leurs sites et applications Web accessibles. Ils y parviennent en conformant leurs sites Web au niveau AA des Web Content Accessibility Guidelines (WCAG). Paramètres onglet, vous pouvez configurer la visibilité de l'icône comme vous le souhaitez :

Gestion des articles

Ajouter plus d'icônes or supprimez inutiles pour s'adapter à votre design. Vous pouvez également réarranger le positionnement de chaque icône si vous utilisez des icônes différentes dans cet élément de liste d'icônes.

Espacement des éléments

Ajustez la distance entre les icônes pour une mise en page propre et organisée en :

• Saisir un nombre exact dans la case
• Faire glisser le curseur

Présentation

Définissez une couleur unie/dégradée ou une image comme arrière-plan.

• Couleur : Saisissez le code couleur, choisissez dans la liste « couleurs récentes »/« suggérées pour vous » ou utilisez le sélecteur de couleurs pour définir la couleur d'arrière-plan.

• Image: Téléchargez une nouvelle image ou choisissez-en une dans la bibliothèque pour la définir comme arrière-plan.

Forme

Personnalisez la forme en utilisant :

• Frontière: Ajouter des styles de bordure
• Coin: Ajuster la rondeur des coins
• Ombre: Appliquer des effets d'ombre pour la profondeur

Aligner

Ajuster l'alignement horizontal et vertical de la liste des icônes :

Le résultat

Vous pouvez frapper le œil Cliquez sur l'icône en haut à droite pour prévisualiser votre mise à jour. Voici comment l'élément Liste d'icônes s'affiche dans votre vitrine.

Configurer l'onglet Avancé

Pour une personnalisation plus avancée, accédez à l'onglet Avancé et suivez les instructions cet article.