Là-haut….enfin plus trop !'

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 :

Samy

37 réponses à “Utiliser la navigation à facettes de Prestashop”

  1. 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 😀

    Répondre

    • 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
      }

      Répondre

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

    Répondre

  4. 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 ?

    Répondre

      • 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 ?

        Répondre

          • 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…

  6. 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!

    Répondre

    • 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/

      Répondre

  9. 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

    Répondre

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

      Répondre

  11. 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,

    Répondre

  12. 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 !

    Répondre

  13. Bonjour,

    J’ai un problème de pagination lorsque j’utilise la navigation à facette. Si je fais un filtre sur une page de produits qui comporte 3 pages, la sélection obtenue pour 1 produit me garde ces 3 pages alors qu’il ne devrait y en avoir qu’une étant donné que la sélection aboutie à un seul produit !!!

    Merci d’avance

    Nicolas

    Répondre

    • Bonjour, j’ai le meme probleme aussi la navigation a facette double mes nombre de page, avez vos trouver une solution pour ce probleme? Merci

      Répondre

  14. bonjour
    pouvez vous m’aider
    mes attributs produits ne se sélectionnent pas ils s’affichent sur le site mais ils sont complètement inactif, le panier sélectionne toujours le produit par défaut…
    merci de votre aide

    Répondre

  15. Bonjour,

    Question pour le moment sans réponses,

    Nous utilisons déjà la navigation à facettes sur notre site mais le soucis viens que certains produits utilisent des caractéristiques communes et cela nous pose problème car du coup les résultats peuvent êtres faussés, je m’explique,

    S’agissant d’un site de vente de pièces moto, nous proposons un catalogue de plaquettes de freins,

    Pour l’exemple disons que la plaquette référence 11111 est adaptable sur une Honda ( 1ère carac ), CBR600 ( 2ème carac ), des années 2013,2014 ( 3ème carac ) jusque là bien évidemment pas de problème.
    Par contre elle est également adaptable sur une Yamaha ( 1 ), XJR (2 ) de 2006,2007 et là ça se complique.

    Si l’internaute propriétaire d’une Yamaha XJR de 2009 ( qui n’utilise pas la même plaquette ) il tombera également sur cette fiche sans compter qu’après avoir sélectionné la marque de sa machine, il tombera dans certain cas sur un nombre important de modèles qui ne sont pas attribués à la marque de sa machine ( en l’occurrence Yamaha pour l’exemple ).

    Nous cherchons donc un module qui est capable de générer des liens entre les caractéristiques,

    Des exemples existent sur d’autres sites, j’espère qu’une solutions existe sur prestashop.

    Merci par avance pour vos réponses et pour le courage d’avoir tenté de comprendre notre problème !

    Répondre

    • Si votre internaute sélectionne la marque, le modèle, et l’année, il devrait avoir normalement seulement les produits correspondants ? (et pas ceux qui ne répondent qu’à quelques critères)

      Répondre

  16. Bonjour,
    merci beaucoup pour cet article, j’ai un problème avec ce module, j’ai installer prestashop 1.6 en local, je n’ai encore rien toucher et je navigue sur le site par défaut, mais qua je fais un filtre avec la navigation à facette ça reste en chargement, rien ne se passe.
    J’ai regarder dans la consol est j’ai cette erreur js : Cannot read property ‘meta_description’ of null

    J’ai donc été dans le code, essayer d’enlver, de rajouter des ligne mais à chaque fois j’ai l’erreur et le module ne marche toujours pas .

    Je suis bien embêter parce que je le trouve vraiment bien utile :s

    J’ai essayé avec presta 1.5 et ca ne marche pas non plus …. Je cherche depuis plusieurs jours déjà mais je ne trouve rien.

    Saurais-tu m’aider ?
    Merci en tous cas !

    Répondre

    • Bonjour,

      J’ai le même problème. Blocage sur chargement.
      Cela ce passe visiblement uniquement sur les champs de type Liste.
      Console : TypeError: result is null
      if (result.meta_description !=  »)
      SI quelqu’un à la solution, je suis preneur.
      Je précise que j’utilise la dernière version de Presta.

      Merci d’avance

      Répondre

  17. Bonjour,

    j’arrive pas à afficher le module navigation à facettes dans la page « Liste des produits de la marque ». L’idée c’est d’afficher les produits d’une marque et de filtrer ensuite par catégorie dans la marque sélectionnée.

    Votre aide sera la bienvenue.

    Merci d’avance

    Répondre

  18. Bonjour Samy,
    Je suis sur la version 1.6.9 de PS et je souhaiterais mettre le module à facette sur le haut de la page produit (juste sous le titre). Je ne suis pas très à l’aise avec ces histoires de hook mais il me semblait que c’était le display top of page. J’ai essayé mais j’ai un message d’erreur « Ce module ne peut être accroché à ce hook  »
    Merci de votre aide

    Répondre

Laisser un commentaire

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