Qu'est-ce qu'une section collante ?
Une section collante reste en place lorsque les visiteurs parcourent votre page, ce qui est idéal pour conserver visibles les contenus importants, tels que les promotions, les barres de navigation ou les informations sur les produits. Dans cet article, vous apprendrez à créer facilement deux types courants de mises en page autocollantes à l'aide de GemPages V7 :
- A barre collante qui reste en haut ou en bas de la page
- A colonne collante qui maintient les images des produits fixes parallèlement au défilement des informations sur les produits
Comment créer une section collante dans GemPages ?
#1. Ajoutez une barre collante sur votre page
Une barre collante est utile pour les annonces, les liens de navigation, les CTA ou les promotions qui restent visibles lorsque les utilisateurs font défiler.
Extrait du Tableau de bord GemPages, ouvrez votre modèle préféré pour le modifier. Vous pouvez rapidement trouver le Rangée élément sur la barre latérale gauche de la Éditeur, faites glisser et déposez le Rangée dans votre position préférée.
Emboîtez tous les éléments dont vous avez besoin à l'intérieur du Rangée pour créer une barre collante comme vous le souhaitez pour finaliser votre conception.
Alternativement, vous pouvez utiliser l'un de nos sections collantes préconçues au lieu d'en construire un à partir de zéro.
- Allez dans Bibliothèque > Rubriques, puis recherchez "Collant".
- Vous trouverez une variété de mises en page prêtes à l'emploi, notamment Barres collantes Chariots collants.
- Cliquez à nouveau sur Ajouter à la page sur la section souhaitée. La mise en page sélectionnée sera automatiquement insérée dans votre modèle.
#2. Rendez l'image de votre produit accrocheuse
Cette mise en page est couramment utilisée dans les pages de produits, où l'image du produit reste en place pendant que les utilisateurs font défiler les détails supplémentaires du produit.
Étape 1: Depuis le tableau de bord GemPages, ouvrez votre modèle de page produit dans l'éditeur.
Étape 2 : Cliquez sur le Élément d'images de produits pour afficher la configuration dans la barre latérale gauche. Accédez à Avancé onglet, trouver le "Poste » section et sélectionnez «gluant" dans le menu déroulant.
Étape 3: Frappé "Enregistrer » "Publier » et vérifiez le résultat sur la page en direct.
Selon le thème que vous utilisez, la fonctionnalité de positionnement permanent peut ne pas se comporter comme prévu. Si cela se produit, veuillez contacter notre équipe d'assistance pour obtenir de l'aide.
Merci pour vos commentaires