Utiliser la navigation à facettes de Prestashop

 

La navigation à facettes, apparue avec la version 1.4 de Prestashop (mais réellement utilisable à partir de la version 1.4.5), permet d’une manière assez simple de définir des critères pour filtrer les résultats d’une catégorie (comme on le retrouve sur Pixmania ou d’autres sites de e-commerce).Elle fonctionne de la manière suivante : vous allez déterminer des modèles (c’est à dire un ensemble de critères, comme les caractéristiques (capacité, etc), les marques, l’état du stock, etc).Ensuite vous allez pouvoir associer ces modèles à des catégories, par exemple le modèle « pour les appareils photo » aux catégories comprenant les appareils photo.

Chaque modèle pourra être utilisé pour autant de catégories que vous le souhaitez.

Pour mettre en place la navigation à facettes sur une catégorie, suivez ces étapes :

  • Dans l’administration de votre boutique, allez dans Allez dans Modules / Bloc navigation à facettes
  • Allez dans Construisez vos propres modèles de filtre et cochez spécifiques Catégories (0 sélectionnée(s)) :
  • Dans le bloc qui s’affiche alors, sélectionnez les catégories sur lesquelles vous voulez appliquer ce modèle et cliquez sur Sauvegarder la sélection :
  • Dans la liste des critères qui s’affiche alors, vous allez pouvoir en sélectionner certains, en les cochant :
  • Donnez ensuite un nom à votre sélection de critères et cliquez sur Sauvegarder ce modèle de filtres

Si on prend l’exemple ci-dessus, cela donnera coté boutique, seulement pour la catégorie « Accessoires », un bloc de navigation à facettes comme celui-là :

Note importante : les critères disponibles sur la droite sont dépendants de la catégorie que vous avez choisi.

Dans l’exemple cité au dessus, aucun produit n’a de « caractéristiques » (au sens Prestashop). Si à l’inverse je sélectionne la catégorie « iPods » qui contient, elle, des produits ayant des « caractéristiques », les choix à notre disposition seront différents :

Cette entrée a été publiée dans Prestashop. Vous pouvez la mettre en favoris avec ce permalien.

25 réponses à Utiliser la navigation à facettes de Prestashop

  1. Val dit :

    Hello !
    dis, tu saurais comment placer ce bloc en haut de la page catégorie ?
    J’ai beau avoir apprivoisé le hook, je ne sais pas sur quoi greffer le module ?

    Merci :D

    • Samy dit :

      A défaut des milliards de hooks rajoutés dans Prestashop 1.5, tu peux te brancher sur le hook « top » et pour éviter l’affichage intempestif sur toutes les pages, tu peux filtrer, dans la fonction hookdisplayTop de ton module en faisant ça :

      if (Tools::getValue('id_category') {
      //alors j'affiche quelque chose
      }

  2. william dit :

    bonjour comment remplacer les vignettes de couleurs par du texte ( rouge par exemple) ?
    merci d’avance
    william

  3. Yannick dit :

    Y a un truc spécial à mettre dans le thème pour que la navigation à facettes fonctionne ?

    Parce qu’elle apparait bien dans la colonne de gauche, mais quand je clic une case à cocher, ou même le lien sur le nom du filtre, rien ne se passe.

    C’est un thème « parti de zéro ».

    Vous avez une idée ?

    • Samy dit :

      Tu aurais un exemple en ligne ?

      • Yannick dit :

        Non, juste en local pour le moment..

        Mais j’avias installé un module de filtres avant d’utiliser celui de base, et c’était pareil, les filtres n’étaient pas « utilisables »…

        Est-il possible d’activer/désactiver l’AJAX sur prestashop ?

        • Samy dit :

          Aucune erreur Javascript ?

          • Yannick dit :

            Je viens de me rendre compte que mon {$content_dir} ne renvois pas la bonne url du site…

            Mon url : http://www.monsite.dev:8888
            Url retournée par {$content_dir} : http://www.monsite.dev

            Comment modifier ça ?

            Après, je ne sais pas si ça vient de là, mais des js ne sont du coup pas chargés dans le header

          • Samy dit :

            Déja en faisant tourner ton serveur local sur le port 80 :)

          • Yannick dit :

            Alors, je progresse…

            Maintenant, en mettant le bon chemin des js, y a du mieux.

            Quand je sélectionne un filtre, il apparait bien en haut des filtres, et j’ai la croix rouge pour le supprimer.
            La liste des choix dispo dans les filtres s’adapte aussi, et ceux qui sont hors rang n’apparaissent plus.

            Pas contre, mes produits ne changent pas, la product list n’est pas modifiée…

  4. Samy dit :

    Et toujours aucune erreur JS ?

  5. vasse dit :

    bonjour

    J’ai modifié mes sous catégories en passant par le catalogue via le back office de presta
    Je n’ai encore rentré aucun produit c’est donc les produits « de base » qui sont affichés (lesiphone)

    j’ai plusieurs questions : comment modifier la police tout reste en majuscule
    comment raouter un « filtre » taille en plus
    est ce que je peux modifier les intitulés : par exemple dans etat (un des filtres) j’ai neuf et occasion ; je souhaiterais rajouter des sous sous catégories (suis je claire ?) par exemple neuf, neuf avec étiquette, tres bon état, bon état etc

    en dernier lieu je souhaiterais « faire disparaitre » les catégories du haut qui s’affiche lorsque l’on clique sur un onglet du menu et la remplacer par mon catalogue cad mes filtres.
    je suis novice sous presta

    le site kidssou.fr

    merci de votre aide et désolée de poser mes questions à la chaîne ; en tous les cas c le seul tuto que j »ai trouvé sur ce module alors merci!

    • Samy dit :

      Bonsoir Sandrine
      - pour la taille, il vous suffit, dans les options du module, de rajouter le critère Taille (il faut que les produits aient des déclinaisons jouant sur la taille, ce qui n’est pas le cas des produits par défaut)
      - pour les états de produits (neuf, occasion, etc), je crois que ce n’est pas modifiable

      Pour le reste je vous invite à utiliser le forum Prestashop, qui reste une bonne référence : http://www.prestashop.com/forums/forum/18-forum-francophone/

  6. vasse dit :

    Merci Samy ça m’aide enfin…..

  7. romnatt dit :

    Savez vous comment le placer dans la page category list? je n’y arrive pas..merci d’avance

  8. vasse dit :

    bonjour,

    Si c’est pour activer le module il faut aller dans l’onglet module/navigation à facette
    cependant vous n’aurez en natif que les éléments paramétrés par prestashop
    si vous avez besoin de nouveau « filtre » comme taille par exemple il faut en premier lieu créer votre attribut et le cas échéant votre déclinaison, l’enregistrer et l’affecter à au moins un produit pour pouvoir le tester

    je confirme on ne peut pas changer les états des produits ; on peut juste renseigner l’état du produit en natif dans la fiche produit /info du BO

    quant à faire disparaitre les blocs j’ai simplement utilisé la fonction live edit de presta ; cela parait idiot mais lorsque l’on debute on ne fait pas la différence entre désactiver et supprimer…..et la corbeille ne nous aide pas franchement à saisir la nuance!!!!

    quant à moi il me reste un pb
    j’ai bien rentré mes tailles et afin de les classer par ordre chronologique j’ai utilisé la fonction attribute ordering du catalogue ; magique sur le BO …
    Sur le site les catégories ne sont toujours pas triées et je semble être limité en nombre de ligne ; je n’ai que 5 lignes de taille qui s’affiche en sous menu
    je suis ennuyées car je cherche une « solution » afin de lancer le site!!!

    en tous les cas merci pour votre explication la plus claire et la plus détaillé que j’ai trouvé
    je continue mes recherches

    bonne journée

  9. Amissi dit :

    Bonjour,

    Petit soucis, mon bloc de navigation s’affiche bien dans le dernier niveau de catégorie, mais pas dans les catégories de base.

    Exemple ici : http://dev.pepindepomme.be/fr/27272795-armoires-3-portes

    Il s’affiche dans « Armoires 3 portes » mais pas dans Armoires ni même « Mobilier »

    Une idée? Merci d’avance.

    • Samy dit :

      Et vous avez bien coché les catégories « Armoires » et « Mobilier » quand vous avez créé votre filtre à facettes dans le module ?

  10. Jean dit :

    Bonjour,

    J’utilise la navigation a facette depuis déjà quelques mois sans probleme et je viens de m’apercevoir que Google référence les milliers de résultats de filtre pour mon site, le module créer donc des milliers de pages de résultats en contenu dupliqué.

    Je cherche donc a solutionner ce probleme.

    Âpres avoir activé la fonction « canonical » sur la page SEO du BO, je ne vois aucune balise canonical dans l’HTML de mes pages.

    Avez vous déjà remarqué ce probleme de contenu dupliqué et avez une solution qui pourrait m’aider?

    Merci,

  11. favier paul dit :

    Bonjour à tous !

    J’ai une petite question pour vous

    Je suis entrain de mettre en place le module de navigation à facettes, ma questions est simple.

    Est-il possible d’voir un champ texte ? comme par exemple un champ nom ou en tapant le la lettre « a », seul les produit commençant par « a » resterait ?

    Merci beaucoup pour cette lecture et si tu as une réponse ce serait cool !

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>