Paginer une liste de contenus

Choisir le mode de pagination proposé et tester page suivante, chargement supplémentaire et conservation des filtres.
Publié le 07/10/2026

Une liste CMS peut présenter quelques fiches à la fois. La pagination donne accès aux suivantes sans afficher toute la collection sur une seule page.

Préparer la liste

Reliez votre élément répété à une collection et choisissez le nombre de fiches affichées. Dans la démonstration Alma, la collection contient trois escapades et la liste en affiche deux à la fois. Utilisez un tri stable pour retrouver les fiches dans le même ordre.

Relier les pages numérotées

La source de la pagination est l’élément qui répète les escapades.

Sélectionnez l’élément de pagination dans les Calques en mode Expert. Dans Liste, choisissez l’élément qui répète les fiches, ici Les escapades Alma. Utilisez ensuite Ajouter lien + paramètre page. Cette commande prépare le lien de pagination et ajoute le paramètre nécessaire à l’adresse de cette page.

Enregistrez et vérifiez le résultat publié : la page 1 montre les deux premières fiches, le lien 2 ouvre la troisième. Rechargez cette seconde adresse pour confirmer que le numéro de page est conservé. Le lien 1 permet de revenir au début.

Le mode Expert donne ici accès à des commandes visuelles : vous n’avez pas de code à écrire.

Choisir un autre mode

Après le chargement, les trois escapades restent présentes une seule fois.

Dans le même panneau, choisissez le Mode adapté à votre liste.

Mode Geste du visiteur Résultat
Pagination Cliquer sur un numéro Afficher les fiches de cette page
Charger plus Cliquer sur le bouton de chargement Ajouter les fiches suivantes sous celles déjà présentes
Défilement infini Avancer vers le bas de la liste Charger et ajouter automatiquement les fiches suivantes

Charger plus convient quand vous souhaitez laisser le visiteur décider de continuer. Sur le site de la démonstration, ce bouton porte encore le libellé anglais Load more. Les fiches déjà chargées restent visibles. En fin de liste, il ne doit plus pouvoir charger de résultats supplémentaires.

Défilement infini évite un clic entre les groupes de fiches. Gardez toutefois à l’esprit l’accès au pied de page et aux liens placés après une longue liste. Les pages numérotées offrent des adresses distinctes que le visiteur peut recharger directement ; les deux modes progressifs constituent une navigation dans la liste courante.

Dans la démonstration contrôlée, les deux modes progressifs conservent Au bord du lac et Marcher en forêt, puis ajoutent Une pause au jardin une seule fois. Ces contrôles portent sur la liste Alma et ne garantissent pas, à eux seuls, toutes les combinaisons de filtres et de sources externes.

Vérifier avant de publier

Les pages numérotées sont reliées à une liste limitée à deux fiches.

Contrôlez la première page, la suivante, le retour et le rechargement d’une adresse directe. Pour les modes progressifs, vérifiez que les anciennes fiches restent présentes, qu’aucune fiche n’apparaît deux fois et que le chargement s’arrête en fin de liste.

Testez aussi le rendu du site sur une largeur mobile. Ce contrôle concerne le site destiné aux visiteurs ; il ne signifie pas que le builder est validé pour une utilisation sur téléphone.

Si les fiches attendues ne s’affichent pas, contrôlez séparément la connexion de la liste, sa limite, son tri et ses filtres. Le panneau de pagination doit désigner cette liste précise, et non un élément voisin. Pour les pages numérotées, vérifiez aussi que le lien contient bien le paramètre de page et que les modifications ont été publiées.