Élément de bannière de collection

Qu'est-ce que l'élément de bannière de collection ?

L' Élément de bannière de collection dans GemPages est un élément qui vous permet de afficher une bannière personnalisée en haut de vos pages de collection.

Comment ajouter la bannière de collection à votre page ?

Important: L'élément de bannière de collection ne peut être utilisé que sur les pages de collection.

Pour ajouter l'élément Newsletter à votre page, vous pouvez suivre les étapes ci-dessous :

Étape 1 : Consultez la Tableau de bord GemPages > Pages > Collection, puis cliquez sur la page de votre collection cible pour localiser l'éditeur.

Étape 2 : Dans la barre latérale gauche, recherchez le "bannière de collection » et faites-le glisser et déposez-le à l'emplacement souhaité sur votre page.

L'image apparaîtra automatiquement en fonction des paramètres de Shopify.

Étape 3 : Cliquez sur l'élément pour ouvrir ses paramètres pour une personnalisation supplémentaire.

Configurer l'onglet Paramètres

L' Élément de bannière de collection propose plusieurs options de personnalisation pour vous aider à concevoir la bannière parfaite pour vos pages de collection :

Mise En Page

Sélectionnez un style de mise en page pour le contenu de la bannière. 

Largeur de colonne

Contrôler la disposition du contenu sur la bannière de collection dans le Largeur de colonne section:

• Taux de variation : Définissez un ratio de colonne spécifique pour plus de cohérence.
• Adapté au contenu : Ajuste automatiquement la largeur des colonnes en fonction du contenu.

Gestion des colonnes

Gérez le nombre de colonnes dans cette section. Vous pouvez ensuite dupliquer la colonne actuelle, delete un, ou réarranger la position des colonnes.

Espacement des colonnes

Ajustez l’espace entre les colonnes en saisissant un nombre spécifique ou en faisant glisser le curseur.

Image de la collection

Image:

L'image de la bannière est extrait directement de vos paramètres de collection ShopifySi vous souhaitez modifier l'image de la bannière, vous devez la mettre à jour dans Shopify.

Cependant, vous pouvez modifier les paramètres de l'image de collection dans l'éditeur GemPages, notamment :

• Scale:Vous pouvez choisir soit Couverture (pour que l'image couvre toute la zone de la bannière) ou Contenir (pour garantir que l'image complète soit visible sans étirement).
• Poste:Vous pouvez ajuster la position de l'image dans la bannière.
• Répéter:Déterminez si l’image doit se répéter sur l’arrière-plan.
• L'attachement:Contrôle le comportement de l'image : Faites défiler se déplace avec la page, Parfaitement fixé reste stationnaire et Fournisseurs parchemins dans son conteneur.

Recouvrir:

Ajoutez un calque semi-transparent sur l'image de la bannière de collection pour améliorer la lisibilité du texte ou créer une ambiance visuelle particulière. Ceci est particulièrement utile lorsque votre bannière contient des zones claires et sombres qui pourraient rendre le texte superposé moins visible.

• Couleur:Choisissez une couleur pour la superposition, qui peut ajouter un effet visuel à la bannière.
• Opacité: Ajustez l'opacité de la superposition pour la rendre plus subtile ou audacieuse, selon vos préférences de conception.

Taille

• Ajuster la hauteur au contenu = Oui : La hauteur de la bannière s'ajuste automatiquement en fonction du contenu qu'elle contient.
• Ajuster la hauteur au contenu = Non : Vous pouvez définir manuellement une hauteur de bannière fixe (en pixels) quel que soit le contenu à l'intérieur.

Effect

Effet de survol: Vous pouvez appliquer un effet de survol à la bannière de collection. Les options incluent Aucun or Zoom.

Si vous sélectionnez l'effet de zoom, vous pouvez personnaliser davantage :

• Valeur de zoom:Contrôlez le niveau de zoom au survol.
• Temps de zoom: Définissez la durée de l'effet de zoom.

Aligner la colonne

Définissez l’alignement vertical de l’élément, y compris :

• Aligner le haut
• Aligner le centre
• bouton Aligner
• Répartir l'espacement vertical

Configurer l'onglet Avancé

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

Comment changer la bannière de collection ?

Pour modifier la bannière de collection, vous devrez la mettre à jour dans Shopify. 

Voici un guide rapide:

Étape 1:Dans votre interface administrateur Shopify, accédez à Produits > Collections.

Étape 2:Sélectionnez la collection pour laquelle vous souhaitez mettre à jour la bannière.

Étape 3: Aller à Image(s)cliquez Modifier > Changer l'image pour changer l'image de la bannière, puis cliquez sur Enregistrer.

Étape 4 : Retournez à l'éditeur GemPages. Dans la barre supérieure, cliquez sur Collection attribuée bouton pour ouvrir la boîte de dialogue.

Cliquez à nouveau sur Synchroniser à nouveau, et la bannière de la collection sera mise à jour.