Magento 2 Infinite Scroll Extension par Knowband – Manuel de l’utilisateur

1.0 Introduction

Le défilement infini charge le contenu de la page Web en continu lorsque l’utilisateur fait défiler la page Web. Fondamentalement, le défilement infini est la technique de conception de sites Web pour éliminer la pagination du site Web. Magento 2 Infinite Scroll Extension par Knowband fait la même chose. Il supprime la fonctionnalité de pagination et de rechargement de page du site Web et facilite la navigation pour que les visiteurs de votre magasin Magento puissent voir le prochain jeu de produits sans recharger la page Web.

1.1 Avantages de l’extension Magento Infinite Scroll:

  1. L’extension Magento 2 Infinite Scroll remplace le système de pagination du site Web.
  2. Magento 2 extension de défilement rapide réduit le temps de chargement du site Web.
  3. Magento 2 extension de défilement rapide offre l’option de test de bac à sable à l’administrateur.
  4. Magento 2 extension de défilement infinie sert une meilleure expérience utilisateur.
  5. Magento 2 module de défilement rapide optimise la navigation du site.
  6. L’administrateur peut spécifier le nombre de pages après quoi “Load More” sera affiché.
  7. Magento 2 extension de défilement infini fonctionne en douceur avec des vues de liste ainsi que la vue de la grille.

2.0 Étapes d’installation de Magento 2 Infinite Scroll Extension:

Les étapes pour installer l’extension de défilement Magento 2 Infinite sont mentionnées ci-dessous:

1. Achetez l’extension de défilement Magento 2 Infinite de Knowband. Vous pouvez télécharger le package d’extension.

2. Le paquet contient un fichier compressé contenant le manuel de l’utilisateur et le code source de Magento 2 Infinite Scroll Extension. Décompressez le paquet.

3. Créez un dossier {racine Magento} / app / code / Knowband / Infinitescroll

4. Téléchargez le contenu extrait dans le dossier ci-dessus via le gestionnaire FTP (comme Filezilla ou WinSCP – téléchargez ici: http://filezilla-project.org/).

5. Maintenant, lancez les commandes ci-dessous pour installer l’extension de défilement Magento 2 Infinite:
php -f bin / magento module: enable -clear-static-content Connaissances_ Infinitescroll
php -f bin / magento setup: mise à niveau
php -f bin / magento setup: di : compilation
PHP bin / magento setup: static-content: deploy

6. L’extension est maintenant installée et prête à l’emploi. Dans le panneau d’administration, allez dans «Extensions de bande passante> Défilement infini».

Vous pouvez maintenant configurer et utiliser l’extension Magento 2 Infinite Scroll.

3.0 Interface d’administration

L’extension de défilement rapide Magento 2 offre les interfaces suivantes à configurer:

Magento 2 Infinite Scroll Extension par Knowband - Interface d'administration

  1. réglages généraux
  2. Paramètres d’apparence et de convivialité
  3. Paramètres du sélecteur
  4. Paramètres Sandbox

Voici la description détaillée de chaque paramètre:

3.1 Paramètres généraux

Magento 2 Infinite Scroll Extension par Knowband - Paramètres généraux

  • Activer l’extension: Cet onglet du défilement rapide de Magento 2 activera l’option de défilement infini. L’administrateur peut activer / désactiver cette extension Magento chaque fois que nécessaire.
  • Afficher le message de fin de page: Ce champ de l’extension de défilement rapide Magento 2 permet à l’administrateur d’activer / désactiver le message qui s’affichera à la fin de la page de liste de produits.
  • Message de fin de page: Ce champ de l’extension de défilement sans fin de Magento 2 permet à l’administrateur de définir le texte du message de fin de page qui serait affiché à la fin de la page de liste de produits.
  • Afficher Aller en haut Lien: Le module de défilement infini de Magento 2 permet à l’administrateur d’afficher l’option “Aller en haut” qui permet aux utilisateurs de passer en haut de la page de liste des produits.
  • Chargement du message: Cette section de l’extension de défilement rapide Magento 2 offre à l’administrateur de définir le texte tout en chargeant le contenu de la page Web.
  • Sélectionnez Type de défilement: L’extension de défilement rapide de Magento 2 permet à l’administrateur de sélectionner le type de défilement sur la page de liste des produits. Les options suivantes sont données dans le type de défilement:

une. Défilé interminable

b. Charger plus de lien

  • Load More Label: Lorsque l’option “Load More Link” est sélectionnée, ce champ apparaît. Ce champ de Magento 2 extension de défilement infini laisse l’administrateur pour définir le texte sur le lien Charger plus.
  • Fréquence à afficher Charger plus de texte: Ce champ de l’extension de défilement rapide Magento 2 ne fonctionnera que lorsque “Scroll Type” est “Infinite Scroll”. Ce champ permet à l’administrateur de définir la fréquence de chargement de plus de lien à afficher dans le front-end.
  • Loader Delay: Ce champ du module de défilement infini Magento 2 permet à l’administrateur de définir le nombre minimal de millisecondes pour rester dans un état de chargement.
  • Marge négative: Ce champ de l’extension de défilement rapide de Magento 2 vous donnera la possibilité de charger les nouveaux éléments plus tôt avant d’atteindre le dernier élément de la page. Par défaut, le chargeur commence à charger de nouveaux éléments lorsque l’utilisateur fait défiler jusqu’au dernier élément de la page. L’administrateur peut définir le nombre de produits ici. Par exemple, si le nombre ‘X’ est entré ici, alors le chargeur commencera le chargement avant qu’il y ait X nombre de produits restant dans la page Web.
  • Barre d’outils d’affichage: Ce champ de Magento 2 extension de défilement sans fin permettra à l’administrateur si afficher la barre d’outils sur la page de liste de produits ou non.

Voici la capture d’écran de la barre d’outils à la page de liste des produits:

Magento 2 Infinite Scroll Extension par Knowband - Afficher la barre d'outils

3.2 Paramètres de présentation

Extension de défilement infinie Magento 2 par Knowband - Paramètres de présentation

  • Couleur d’arrière-plan de la boîte de message: Cet onglet de l’extension de défilement sans fin de Magento 2 offre à l’administrateur de définir la couleur d’arrière-plan de la boîte de message.
  • Border Color: L’extension Magento 2 Infinite Scroll permet à l’administrateur de personnaliser la couleur de la bordure de la boîte de message selon ses préférences.
  • Couleur du texte: L’administrateur peut personnaliser la couleur du texte de la boîte de message selon son choix. Il peut faire la même chose en sélectionnant la couleur du sélecteur de couleur.
  • Haut de la page Couleur de l’arrière-plan du lien: Ce champ de l’extension du défilement rapide de Magento 2 permet à l’administrateur de définir la couleur d’arrière-plan du «lien de haut en bas». Voici la capture d’écran du lien Go To Top:

Magento 2 Infinite Scroll Extension par Knowband - Aller au haut de la page

  • CSS personnalisé: Si l’administrateur veut ajouter le CSS personnalisé pour n’importe quel élément de l’extension de défilement infinie Magento 2, alors il peut faire de même en ajoutant CSS dans ce champ.
  • Télécharger l’image Loader: Cet onglet de Magento 2 extension de défilement sans fin permet à l’administrateur de télécharger l’image du chargeur de son choix. L’administrateur peut télécharger des images au format .jpg, .png et .gif uniquement. La taille de l’image ne doit pas dépasser 2 Mo.

3.3 Paramètres du sélecteur:

Magento 2 Infinite Scroll Extension par Knowband - Paramètres du sélecteur

  • Contenu: Cet onglet de l’extension Magento 2 Infinite Scroll permet à l’administrateur de définir le nom de classe du conteneur de contenu.
  • Suivant: Cet onglet de l’extension de défilement rapide de Magento 2 offre à l’administrateur de définir le nom de classe de l’élément Suivant.
  • Précédent: Cet onglet de l’extension de défilement rapide Magento 2 permet à l’administrateur de définir le nom de la classe de l’élément précédent.
  • Item Grid: Ce champ de Magento 2 extension de défilement sans fin permet à l’administrateur de définir le nom de la classe de l’article Grille.
  • Barre d’outils: Dans ce champ du module de défilement infini de Magento 2, l’administrateur devra définir le nom de la classe de la barre d’outils.
  • Pagination: Cet onglet de l’extension de défilement rapide Magento 2 permet à l’administrateur de définir le nom de classe du conteneur de pagination.

REMARQUE:

1. N’oubliez pas d’ajouter ‘#’ avant l’élément id et ‘.’ avant l’élément de classe. 
2. Si vous n’êtes pas familiarisé avec ces éléments de sélection, ne les modifiez pas.

3.4 Paramètres de Sandbox:

Magento 2 Infinite Scroll Extension par Knowband - Test de bac à sable

L’onglet Sandbox Settings de l’extension Magento 2 infinite scroll permet à l’administrateur de tester l’extension avant de l’implémenter sur le site.

  • Activer: Activer ce champ d’extension de défilement rapide Magento 2 pour tester l’extension.
  • Adresse IP autorisée: Dans ce champ de l’extension de défilement rapide Magento 2, entrez les adresses IP sur lesquelles vous souhaitez activer le défilement infini. Assurez-vous que les adresses IP entrées sont séparées par une virgule. Vous pouvez ajouter l’adresse IP en cliquant sur l’option “Ajouter mon adresse IP”.

4.0 Store Front-end

L’extension de défilement infinie Magento 2 sera activée sur l’ensemble du site Web où la pagination se produit. L’extension de défilement infinie de Magento 2 apparaît à l’avant comme suit:

Extension de défilement infinie Magento 2 par Knowband - Front End

Extension de défilement infinie Magento 2 par Knowband - Front End

Extension de défilement infinie Magento 2 par Knowband - Front End

Plus de détails sur cette extension de défilement Magento 2 Infinite ci-dessous:

Magento 2 Infinite Scroll extension Admin Démo

Extension de défilement infinie de Magento 2

“En outre, explorez plus d’ extensions Magento 2 pour votre magasin.”

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *