1.0 Présentation
Le défilement infini charge le contenu de la page Web en continu au fur et à mesure que l’utilisateur fait défiler la page Web. Fondamentalement, le défilement infini est la technique de conception Web pour éliminer la pagination du site Web. Extension Magento 2 Infinite Scroll by Knowband fait de même. Il supprime la fonctionnalité de pagination et de rechargement de page du site Web et facilite la navigation pour les visiteurs de votre boutique Magento pour afficher le prochain ensemble de produits sans recharger la page Web.
1.1 Caractéristiques de l’extension de défilement rapide Magento 2:
- L’extension Magento 2 Infinite Scroll remplace le système de pagination du site Web.
- L’extension de défilement rapide Magento 2 réduit le temps de chargement du site Web.
- L’administrateur du magasin peut activer ou désactiver le module de défilement infini “ Agento 2 ” en un seul clic.
- L’extension de défilement rapide Magento 2 offre une option de test sandbox à l’administrateur. Après avoir activé ce magasin, l’administrateur doit entrer l’adresse IP spécifique pour tester le module.
- L’extension Infinite Scroll pour Magento 2 offre une meilleure expérience utilisateur.
- Le module de défilement rapide de Magento 2 optimise la navigation du site.
- L’administrateur peut spécifier le nombre de pages après lequel, “Charger plus” sera affiché. L’administrateur du magasin peut également ajuster la vitesse du chargeur.
- L’administrateur du magasin peut afficher le message de la page de fin une fois la liste des produits terminée.
- L’extension de défilement sans fin Magento 2 fonctionne sans problème avec les vues de liste ainsi que la vue de grille.
- L’administrateur du magasin peut définir la couleur d’arrière-plan et la couleur du texte du message de fin de page et accéder au lien supérieur.
- Le module de défilement infini de Magento2 propose la boutique admin pour ajouter le réglage du sélecteur.
- Le module de défilement infini de Magento 2 est réactif pour les mobiles.
2.0 Étapes d’installation de Infinite Scroll pour l’extension Magento 2:
Les étapes pour installer l’extension de défilement rapide Magento 2 sont mentionnées ci-dessous:
1. Achetez l’extension Infinite Scroll pour Magento 2 auprès de Knowband. Vous pouvez télécharger le package d’extension. 2. Le paquet contient un fichier zippé contenant le manuel de l’utilisateur et le code source de Magento 2 Infinite Scroll Extension. Décompressez le package. 3. Créez un dossier {Magento root} / 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: https://filezilla-project.org/) . 5. Maintenant, exécutez les commandes ci-dessous pour installer l’extension Magento 2 Infinite Scroll: php -f bin / module magento: enable –clear-static-content Knowband_ Infinitescroll php -f bin / magento setup: mise à niveau de php -f bin / magento setup: di: compilez php bin / magento setup: static-content: déployez php bin / magento cache: clean 6. L’extension est maintenant installée et prête à l’emploi. Dans le panneau d’administration, accédez à “Extensions Knowband> 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 propose les interfaces suivantes à configurer:
- Paramètres généraux
- Paramètres d’apparence et de convivialité
- Paramètres du sélecteur
- Paramètres du bac à sable
Vous trouverez ci-dessous la description détaillée de chaque paramètre:
Paramètres généraux 3.1
À partir de cet onglet, l’administrateur de la boutique peut ajuster les paramètres généraux du module de défilement infini de Magento 2.
- Activez l’extension: Cet onglet de 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 la page de fin: Ce champ de l’extension de défilement rapide Magento 2 permet à l’administrateur d’activer / de désactiver le message qui serait affiché à la fin de la page de liste des produits.
- Message de fin de page: Ce champ de l’extension de défilement sans fin Magento 2 permet à l’administrateur de définir le texte du message de la page de fin qui serait affiché à la fin de la page de liste des produits.
- Afficher le lien Aller en haut: Le module de défilement infini de Magento 2 permet à l’administrateur d’afficher l’option «Aller en haut du lien» qui aide les utilisateurs à sauter en haut de la page de liste des produits.
- Message de chargement: Cette section de l’extension de défilement rapide Magento 2 propose à l’administrateur de définir le texte lors du chargement du contenu de la page Web.
- Sélectionnez le type de défilement: L’extension de défilement rapide 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 sous forme de défilement:
une. Défilé interminable
b. Charger plus de lien
- Charger plus d’étiquette: Lorsque l’option “Charger plus de lien” est sélectionnée, ce champ sera affiché. Ce champ de l’extension de défilement infini Magento 2 permet à l’administrateur de 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 de Magento 2 ne fonctionnera que lorsque “Type de défilement” est “Défilement infini”. Ce champ permet à l’administrateur de définir la fréquence de chargement du lien plus à afficher dans le front-end.
- Retard du chargeur: Ce champ du module de défilement infini de 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 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, le chargeur commencera à se charger avant qu’il ne reste X nombre de produits dans la page Web.
- Afficher la barre d’outils: Ce champ de l’extension de défilement sans fin Magento 2 permettra à l’administrateur d’afficher ou non la barre d’outils sur la page de liste des produits.
3.2 Paramètres d’apparence et de convivialité
À partir de cet onglet, l’administrateur du magasin peut ajuster l’arrière-plan et la couleur du texte de la boîte de message et accéder au lien supérieur.
- Couleur d’arrière-plan de la boîte de message: Cet onglet de l’extension de défilement sans fin Magento 2 propose à l’administrateur de définir la couleur d’arrière-plan de la boîte de message.
- Couleur de la bordure: 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 simplement la couleur dans le sélecteur de couleurs.
- Aller en haut de la couleur d’arrière-plan du lien: Ce champ de l’extension de défilement rapide de Magento 2 permet à l’administrateur de définir la couleur d’arrière-plan du lien “Go To Top Link”. Ci-dessous, la capture d’écran du lien Go To Top:
- CSS personnalisé: Si l’administrateur souhaite ajouter le CSS personnalisé pour n’importe quel élément de l’extension Infinite scroll for Magento 2, il peut faire de même en ajoutant CSS dans ce champ.
- Télécharger l’image du chargeur: Cet onglet de l’extension de défilement sans fin Magento 2 permet à l’administrateur de télécharger l’image du chargeur de son choix. L’administrateur peut télécharger uniquement des images au format .jpg, .png et .gif. La taille de l’image ne doit pas dépasser 2 Mo.
3.3 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 Magento 2 propose à 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 de Magento 2 permet à l’administrateur de définir le nom de classe de l’élément Précédent.
- Item Grid: Ce champ de l’extension de défilement sans fin Magento 2 permet à l’administrateur de définir le nom de classe de l’élément Grid.
- Liste d’éléments: Ce champ de l’extension de défilement sans fin Magento 2 permet à l’administrateur de définir le nom de classe de l’élément de la liste.
- Barre d’outils: Dans ce champ du module de défilement infini de Magento 2, l’administrateur devra définir le nom de 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 familier avec ces éléments de sélection, veuillez ne pas les modifier.
3.4 Paramètres du bac à sable:
L’onglet Paramètres Sandbox de l’extension de défilement infini Magento 2 propose à l’administrateur de tester l’extension avant de l’implémenter sur le site.
- Activer: Activez ce champ de l’extension de défilement rapide de Magento 2 pour tester l’extension.
- Adresse IP autorisée: Dans ce champ de l’extension de défilement rapide de Magento 2, entrez les adresses IP sur lesquelles vous souhaitez activer le défilement infini. Assurez-vous que les adresses IP saisies sont séparées par une virgule. Vous pouvez ajouter l’IP en cliquant sur l’option “Ajouter mon IP”.
4.0 Store Front-end
L’extension de défilement sans fin Magento 2 sera activée sur tout le site Web où la pagination se produit. L’extension parchemin infini pour Magento 2 apparaîtrait à l’avant comme suit:
End page massege and haut lencre:
Trouvez plus de détails sur ce parchemin Infinite pour Magento 2 ci-dessous:
Démo d’administration de l’extension de défilement sans fin Magento 2
Extension de l’extension de défilement rapide Magento 2 Démo avant
“Aussi, explorez plus Extensions Magento 2 pour votre magasin. “