Activer un bouton Afficher plus pour les listes de produits

Activez le paramètre Utiliser la pagination avec chargement différé dans l’éditeur de thème pour remplacer les liens de pagination numérotés par un bouton Afficher plus qui charge davantage de produits au fur et à mesure que les clients font défiler la page. Lorsque le paramètre est désactivé, la vitrine conserve la pagination numérotée standard.

Activer le bouton Afficher plus

Ce paramètre est global : il vous suffit de l’activer une seule fois pour qu’il s’applique à l’ensemble de votre boutique. Aucun rôle ni aucune autorisation supplémentaire n’est requis en dehors de l’accès à l’éditeur de thème.

1. Dans l’éditeur de thème, ouvrez Paramètres du thème, puis accédez au panneau Pagination.

2. Dans la section Chargement différé, activez Utiliser la pagination avec chargement différé.

3. Enregistrez vos modifications.

Ce paramètre remplace les liens de pagination par un bouton Afficher plus qui charge la page de résultats suivante. Le bouton charge également la page suivante automatiquement lorsqu’il s’approche du bas de l’écran.

Listes concernées par la navigation avec Afficher plus

Comme ce paramètre est global, il s’applique à toutes les listes paginées de votre boutique, notamment aux pages de produits des collections, aux résultats de recherche, aux listes d’articles de blog, aux pages de listes de collections et aux commentaires d’articles. Le bouton Afficher plus apparaît uniquement lorsqu’une liste comporte plusieurs pages de résultats.

Conserver la pagination numérotée standard

Laissez Utiliser la pagination avec chargement différé désactivé pour conserver les liens de page numérotés. Lorsque le paramètre est désactivé, les clients parcourent les résultats à l’aide des liens Page précédente et Page suivante, ainsi que des liens de page numérotés.

Prévisualiser sur ordinateur et sur mobile

Ouvrez une page de collection ou de résultats de recherche contenant plusieurs pages de produits, puis vérifiez l’expérience de navigation sur ordinateur et sur mobile.

• Le bouton Afficher plus charge des produits supplémentaires dans la liste.

• Pendant le chargement des résultats, le bouton affiche Chargement....

• Après la dernière page, le bouton disparaît.

Le nombre de produits affichés avant l’apparition du bouton est défini par les paramètres de taille de page de chaque liste, comme le paramètre Nombre de produits par page pour les résultats de collection.