Élément de pagination de collection

À propos de Collection Paginator

L' Paginateur de collection est spécialement conçu pour Pages de collecte pour simplifier la navigation dans de vastes listes de produits. 

Au lieu d'afficher tous les produits sur une seule page, il crée une série de pages que les utilisateurs peuvent utiliser pour naviguer. Précédent, Suivant, ou des liens numérotés. Cela améliore à la fois l'expérience utilisateur et les performances du site Web.

Comment ajouter un élément de pagination de collection à votre page ?

• Consultez la Tableau de bord GemPages > Pages.
• Cliquez sur votre page cible pour ouvrir l'éditeur.
• Dans la barre latérale gauche, recherchez «paginateur de collection”, puis faites glisser et déposez l'élément à n'importe quelle position dans votre page de collection.

Cliquez ensuite sur l’élément pour ouvrir son panneau de paramètres, où vous pouvez personnaliser le Collection Paginator à votre façon.

Paramètres de l'élément de pagination de collection

L' Élément de pagination de collection propose plusieurs options de personnalisation pour s'adapter aux besoins de conception et de fonctionnalité de votre boutique. Voici une répartition de ses paramètres :

Écran

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). Écran section, sélectionnez votre disposition d'affichage préférée entre Simple Bouton.

• Simple: Affiche des liens simples (par exemple, « Précédent 1 2 3 Suivant ») pour un aspect minimaliste.

• Bouton: Ajoute des boutons pour la navigation. Personnalisez le forme de bouton (cercle, carré) et Quantité pour s'aligner avec votre conception.

Espacement des éléments: Ajustez l'espacement entre les éléments de pagination pour éviter le surpeuplement et assurer la lisibilité.

Mode aperçu

Ajuste le Quantité de pages pour prévisualiser différents scénarios, tels que 5, 10 ou 20 produits par page.

Contenu du bouton

Texte précédent/suivant : Personnalisez les libellés de navigation (par exemple, « Précédent » au lieu de « Précédent »). Ceci est utile pour localiser le paginateur ou ajouter une touche personnelle.

Style de texte

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, modifiez le texte du bouton comme vous le souhaitez :

• Style: Choisissez le style de texte parmi Rubrique 1-6 or Paragraphe 1-3 comme le style mondial. 
• Fonte:Sélectionnez un style de police qui correspond à l’identité de votre marque.
• Taille: Ajustez la taille de la police pour mettre le texte en évidence.
• Couleur:Choisissez une couleur qui complète votre design.
• Poids de polices:Contrôlez l'épaisseur ou la finesse du texte.
• Hauteur de ligne:Ajustez l'espace entre les lignes pour une meilleure lisibilité.
• L'espacement des lettres:Créez un look plus moderne ou compact en modifiant l'espace entre les lettres.
• Transformez: Convertir le texte en majuscule, minuscule, ou capitaliser la première lettre de chaque mot.

Effet actif

Couleur du texte: Mettez en surbrillance la page actuelle avec une couleur distincte pour améliorer la visibilité.

Aligner

Ajuster l'alignement horizontal du paginateur (Gauche, , ou Des) pour s'adapter à la mise en page de votre page.

Configurer l'onglet Avancé

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