1.0 Présentation
La Module de défilement infini Prestashop by Knowband est une intégration du défilement des produits sur la page de liste des produits à la place de la pagination.
La pagination sur une page de liste de produits est une fonctionnalité très courante que nous voyons sur différents sites Web de commerce électronique, mais ce module de défilement infini Prestashop rendra la liste des produits sur la page de liste de produits un peu plus intéressante. Lorsque ce module de produits de liste Prestashop sera activé, le client fera simplement défiler la page pour afficher plus de produits répertoriés dans la page de liste des produits.
2.0 étapes pour l’installation du module de défilement infini de Prestashop:
Une fois que vous avez acheté l’addon de défilement infini, suivez les étapes ci-dessous:
- Accédez à Administration du magasin -> Modules et services.
2. Cliquez sur “Télécharger un module”. Vous pouvez faire glisser ou déposer le fichier ou simplement sélectionner le fichier dans le système.
Une fois que le fichier est complètement téléchargé, une “ notification ” de “ Module (s) installé (s) avec succès ”) s’affiche. Vous pouvez maintenant configurer votre module.
3.0 Module d’administration
Dans l’interface d’administration du module de défilement infini Prestashop, il y aura les options suivantes pour configurer ce module d’affichage de liste Prestashop. Le module de défilement de la liste déroulante Prestashop comprend 4 onglets et ils sont les suivants.
1. réglages généraux
2. Paramètres avancés
3. Paramètres d’affichage
4. Paramètres du sélecteur
Chaque section du plugin Prestashop Infinite Scroll est décrite en détails ci-dessous.
3.1 Paramètres généraux du module de défilement infini Prestashop:
Cette section du module de produits de liste Prestashop aura les options suivantes pour configurer ce module de défilement infini Prestashop:
- Activer désactiver: Cette option du module de défilement rapide Prestashop aura un bouton bascule avec deux valeurs spécifiques ON et OFF. Ce module Prestashop de Knowband ne fonctionnera que s’il est réglé sur ON. Si cette option est désactivée, aucune fonctionnalité ne fonctionnera et n’aura même aucun impact sur une autre section du site Web. Par défaut, cette option sera désactivée.
- CSS et JS personnalisés: Ces champs du module Prestashop Infinite Scroll ont été fournis pour permettre à l’administrateur de modifier l’aspect et la convivialité de l’interface du module de défilement rapide Prestashop.
3.2 Paramètres avancés du module de défilement infini Prestashop:
- Afficher le message de la page de fin: Ce champ du module de défilement déroulant Prestashop propose au propriétaire du magasin d’afficher le message à la fin de la page de liste des produits. Si le propriétaire active Afficher la page de fin, l’option suivante apparaîtra:
- Afficher le lien Aller en haut: Ce champ du module Prestashop Infinite Scroll permet au propriétaire de la boutique d’afficher un lien dans l’interface frontale pour aller en haut de la page en affichant un bouton en bas de la page.
- Afficher le chargeur pendant le chargement: Cette option du plugin Prestashop infinite scroll propose au propriétaire de la boutique de paramétrer l’affichage du chargeur lors du chargement du produit. Ainsi, chaque fois que les clients font défiler la page, ils peuvent voir un chargeur pendant le chargement du
- Type de défilement:L’addon de défilement infini Prestashop permet au propriétaire du magasin de choisir entre l’option de défilement entre le défilement infini et le lien de chargement d’autres produits. Si le propriétaire peut sélectionner le lien Charger plus, il y aura l’option suivante:
Afficher plus de lien après:Le propriétaire peut définir la fréquence pour afficher plus de lien de chargement, c’est-à-dire qu’après autant de pages chargées, le lien apparaîtra. - Paramètres du bac à sable: L’administrateur peut également tester le module de défilement infini de Prestashop en activant ce champ. Si le propriétaire active les paramètres Sandbox, l’option suivante apparaît:
- Ajouter une adresse IP: Dans ce champ du module de défilement rapide Prestashop de Knowband, l’administrateur peut ajouter différentes IP en les séparant à l’aide d’une virgule et le module Prestashop ne fonctionnera que pour ces adresses IP uniquement.
3.3 Paramètres d’affichage du module de défilement infini de Prestashop:
![prestashop-infinite-scroll-module-display-settings](https://www.knowband.com/blog/wp-content/uploads/2016/04/prestashop-infinte-scroll-module-display-settings.png)
- Couleur d’arrière-plan de la boîte de message: Ce champ du module de défilement déroulant de Prestashop permet à l’administrateur de personnaliser la couleur d’arrière-plan de la boîte de message qui serait affichée lorsque le chargement de tous les produits sera terminé.
- Couleur du texte de la boîte de message: Le module Prestashop Infinite Scroll permet à l’administrateur de changer la couleur du texte de la boîte de message.
- Couleur de la bordure de la boîte de message: Le module de défilement infini Prestashop permet à l’administrateur de personnaliser la couleur de la bordure de la boîte de message selon ses besoins.
- Couleur d’arrière-plan du lien supérieur: L’administrateur peut personnaliser la couleur d’arrière-plan du lien supérieur du module de produit de liste Prestashop.
- Mquege et Hautlien prévue: ,warL’administrateur du magasin peut prévisualiser le message de fin de page et la conception du bouton de lien supérieur.
L’aperçu des modifications qui seront effectuées est reflété dans la boîte de prévisualisation donnée juste en dessous des champs de ce module de défilement déroulant Prestashop.
3.4 Paramètres du sélecteur du module de défilement infini Prestashop:
Les valeurs de cet onglet du module de défilement de la liste déroulante Prestashop doivent être correctes pour que ce module de défilement rapide de Prestashop fonctionne correctement. Les valeurs de cet onglet du module Prestashop Infinite Scroll peuvent changer en fonction du thème du Prestashop utilisé en façade.
REMARQUE: Si les valeurs du sélecteur dans ces onglets du module de défilement infini Prestashop sont mal saisies, le module Prestashop Infinite Scroll ne fonctionnera sûrement pas correctement.
- Sélector Élément: ,warL’administrateur du magasin peut entrer la valeur de l’élément de sélection à partir de cet onglet.
- Selector Container :L’administrateur du magasin peut entrer la valeur du conteneur de sélection à partir de cet onglet.
- Silctor ,warnposte:L’administrateur du magasin peut entrer la valeur suivante du sélecteur à partir de cet onglet.
- Selector pagination: L’administrateur du magasin peut entrer la valeur de pagination du sélecteur à partir de cette section.
4.0 Front Interface du module de défilement infini Prestashop:
Lorsque le module de défilement infini Prestashop de Knowband est activé à partir du panneau d’administration, sur chaque page de liste de produits, la pagination des produits n’apparaîtra pas. Le client pourra voir tous les produits simplement en faisant défiler la page vers le bas et si l’affichage du lien aller en haut est activé, le lien apparaîtra en bas à droite de la page pour faire défiler le client vers le haut de la page .
Message de fin de page:
Aller au bouton supérieur:
Lorsque toutes les pages sont chargées, un message apparaît en bas qui indique que toutes les pages sont chargées maintenant.Regardez comment fonctionne ce module de défilement infini Prestashop de Knowband:
En savoir plus sur ce plugin Prestashop Infinite Scroll ici:
Lien du module de défilement infini Prestashop: https://www.knowband.com/prestashop-infinite-scroll
Module de défilement infini Prestashop Démo d’administration: https://psm.knowband.com/demo/?module=infinitescroll&demo=admin&referrer=kb&lang=en
Module de défilement infini Prestashop Démo avant: https://psm.knowband.com/demo/?module=infinitescroll&demo=front&referrer=kb&lang=en
Obtenez également le module de défilement Prestashop Infinite de Knowband sur Addon Store. Visitez ici: https://addons.prestashop.com/en/navigation-tools/23643-knowband-infinite-scroll.html
“Aussi, explorez plus Modules Prestashop pour votre site Web Prestashop e-commece. “
Cela vous intéresserait aussi: