Bannières
Collection banner
Afficher une bannière/un arrière-plan mettant en avant les caractéristiques/offres sur une page de collection peut améliorer efficacement l'expérience d'achat des clients et augmenter vos ventes.
Comment ajouter une section de bannière de collection
Étapes ::
Dans l'éditeur de thème ( Personnaliser ), ouvrez le sélecteur de modèle.
Sélectionnez Collections , puis Collection par défaut.
Dans la barre latérale gauche, ajoutez la bannière Collection.
Ajoutez une description ou une image en modifiant votre collection. En savoir plus
Comment modifier une bannière de collection
Paramètres de section
Général
Vous pouvez modifier le schéma de couleurs de la section bannière Collection.
Paramètres
Ajoutez une image exceptionnelle à afficher sur la bannière de la collection.
Vous pouvez configurer les bannières séparément pour l'affichage sur mobile et sur ordinateur.
Une fois que vous avez choisi une image de bannière appropriée, vous pouvez ajuster l' opacité de la superposition d'image .
La position de l'image peut être définie comme suit : Haut/Gauche/Droite/Bas/Utiliser l'image comme arrière-plan du contenu (titre et description de la collection).
Définir la hauteur de l'image pour la bannière :
Adapter à l'image
Grand
Extra moyen
Moyen
Petit
Très petit
et l'alignement du texte ( gauche/centre/droite)
Si vous souhaitez rendre votre site web plus attrayant et dynamique, pensez à utiliser l' effet de parallaxe en cochant la case ✅ Activer l'effet de parallaxe.
Ensuite, sélectionnez la direction souhaitée pour cet effet dans le champ Direction de la parallaxe (Verticale/Horizontale/Zoom).
Paramètres mobiles
Ce paramètre vous permet d'ajouter une image différente pour la bannière sur la vue mobile dans le champ Image mobile .
Vous avez 2 options pour ajuster la hauteur de l'image (Auto/Adapter à l'image).
Paramètres de bloc
Dans la section bannière Collection , vous pouvez ajouter 1 bloc d'informations sur la collection .
Modifiez la taille du titre en choisissant une option appropriée (Titre xs/ Titre sm/ Titre md/ Titre lg/ Titre xl/ Titre 2xl/ Affichage md/ Affichage lg/ Affichage xl).
Choisissez en particulier la balise de titre appropriée pour le titre de la collection (H1/ H2/ H3/ H4/ H5/ H6).
De plus, vous pouvez activer la case à cocher ✅ Afficher la description de la collection pour afficher la description de la collection.
Vous pouvez également modifier l'espacement au-dessus et en dessous du bloc d'informations de la collection en ajustant le curseur pour modifier les valeurs de la marge supérieure et de la marge inférieure .
Ajoutez une bannière image à vos collections à l'aide des métadonnées.
Étape 1 : Créer des définitions de métadonnées de produit
Vous pouvez ajouter une bannière de collection pour les vues ordinateur et mobile séparément en configurant deux définitions de métachamps pour les collections.
Accédez aux paramètres Shopify > Données personnalisées > Collections
Sélectionnez Ajouter une définition
Créez deux définitions avec les espaces de noms et les clés indiqués ci-dessous :
Bannière de collection pour ordinateur : foxtheme.collection_banner
Bannière de collection pour mobile : foxtheme.collection_banner_mobile
Sélectionnez « Type de fichier » et cliquez sur « Enregistrer » .
Ajouter une valeur de métachamp pour les collections
Une fois les définitions des métachamps créées, accédez à Produits > Collections > sélectionnez la collection à laquelle vous souhaitez ajouter une bannière de collection.
Dans la section Metafields , sélectionnez l'image à mettre en avant et voilà 🎉
Last updated