À propos des collections en vedette
Les collections phares sont des groupes de produits mis en avant que vous souhaitez faire découvrir à vos clients. Elles servent souvent de liens rapides vers des catégories populaires ou saisonnières, facilitant ainsi la navigation et augmentant les ventes des collections clés.
Exemples de collections en vedette :
- Boutique pour hommes / Boutique pour femmes : Pour les catégories de produits spécifiques au genre.
- Collection Été / Collection Hiver : Faits saillants ou promotions saisonnières.
- Meilleures ventes / Nouveautés : Attirez l’attention sur les éléments populaires ou récemment ajoutés.
Ces sections sont généralement placées bien en évidence sur la page d’accueil pour attirer l’attention des clients.
Comment concevoir une liste de collections en vedette avec l'élément Hero Banner ?
Découvrez la meilleure façon de créer le vôtre liste des collections en vedette en utilisant l'élément GemPages Hero Banner.
Avant de commencer, assurez-vous de localiser la page cible dans GemPages Editor v7.
Étape 1 : Créer une ligne avec 3 colonnes
- Une fois que vous entrez dans l’éditeur, recherchez « ligne » dans la barre latérale gauche.
- Faites glisser et déposez l’élément de ligne à 3 colonnes à votre position préférée sur la page.
Cette mise en page vous permettra d'afficher trois collections en vedette côte à côte.
Étape 2 : Ajoutez une bannière de héros à la première colonne
- Dans la barre latérale gauche, recherchez et faites glisser un élément de bannière de héros vers la première colonne de votre Rangée .
- Cliquez sur l'élément Bannière Héros pour ouvrir ses paramètres. Faites défiler vers le bas jusqu'à Présentation section et localisez la Image(s) option.
- Développez le panneau des paramètres. Vous pouvez parcourir votre galerie ou télécharger une nouvelle image représentant la première collection.
- 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). Style de texte section, continuez à éditer le texte pour qu'il corresponde au titre de la collection.
- Activez la Effet de survol fonctionnalité dans les paramètres de la bannière du héros pour un attrait visuel :
Étape 3 : dupliquer la bannière du héros pour d'autres colonnes
- Dans les paramètres de la bannière du héros, faites un clic droit et appuyez sur Sélectionner l'élément parent > Rangée 3 colonnes pour ouvrir l'élément Row Paramètres languette.
- Faites défiler jusqu'à Gestion des colonnes > 3 colonnes pour ouvrir le panneau de configuration. Ensuite, passez la souris sur Colonne 1 > frapper le dupliquer icône.
- Après avoir dupliqué la première colonne, passez la souris dessus et supprimez Colonne 4 & Colonne 5.
- Maintenant, personnalisez Colonne 2 & Colonne 3 à votre façon. Remplacez l'image d'arrière-plan, le texte et le bouton de chaque colonne pour représenter une collection différente.
Note: Assurez-vous que la conception reste cohérente dans toutes les colonnes pour un aspect cohérent.
Étape 4 : Optimiser pour les mobiles
- Basculer vers la vue mobile dans l'éditeur GemPages.
- Ajustez la mise en page pour les petits écrans. Affinez la taille des images, du texte et des boutons.
- Enregistrez vos configurations et appuyez sur le bouton Publier bouton pour rendre vos modifications actives.
