Hikashop - Filtres et sélections boutique Joomla

Évaluer cet élément
(0 Votes)

Créer et afficher des sélections pour votre boutique en ligne Hikashop

Menu filtres Hikashop business

Dans le cas d'une boutique en ligne avec de nombreux produits, catégories, voire caractéristiques, il est essentiel de permettre au visiteur de restreindre l'affichage, et ceci selon les crtères qui lui sont les plus naturels possible, au premier rang desquels figure le prix.

La mise en place de sélections repose sur la fonction « Filtres » uniquement disponible dans la version Business de Hikashop.

 

Points forts :

  • les filtres sont cumulatifs entre-eux,
  • les filtres peuvent se cumuler avec un module de sélection,
  • ils peuvent être différents selon les pages grâce à la duplication du module de filtre et par l'assignation des modules à certaines pages,
  • possibilité de remise à zéro des sélections.

Points faibles (2 petits) :

  • la gestion des noms (voir préalable ci-après),
  • l'ordre des filtres qui ne peut être différent entre 2 écrans sur le front-end.

Deux étapes et un préalable sont à distinguer :

  • le paramétrage des filtres (nom du filtre, sur quelle zone il s'applique, avec quelles restrictions éventuelles, avec quel tri ...)
  • l’affichage des filtres dans un module spécifique d’Hikashop (« Hikashop Filter Module »).

1- Préalable à savoir : "Nom courant" et "Nom de départ"

Le nom d'un filtre est très important notamment lors de sa création.
En effet il pourra toujours être modifié mais son nom de départ restera stocké.
Le nom courant est bien sûr celui qui sera apparent dans les paramétrages et les listes.
Le nom de départ sera celui apparent dans le module.
Ce fonctionnement est un peu déroutant, mieux vaut bien penser ses noms de filtres lors de leur création.

Ci-dessous un exemple avec Phpmyadmin (table xxxxx_hikashop_filter):

Bien nommer les filtres Hikashop

Conclusion : bien penser les noms des filtres dès le départ.

2- Paramétrage des filtres:

On retrouve le nom des filtres "filter_name" dans la liste ci-dessous :

filtres Hikashop parametrage liste

A noter : l'ordre paramétré ici sera toujours le même lors de l'affichage en front-end.

La zone "Type" est intuitive, pour les non anglicistes :
Singledropdown = liste simple
Checkbox= bouton radio

filtres parametrage infos complementaires1Quelques explications sur les "Informations complémentaires" sont nécessaires :
"Soumettre après un clic" : si OUI, il n'est pas nécessaire à l'utilisateur de cliquer sur un bouton pour valider sa sélection, l'affichage se rafraîchit automatiquement. A l'inverse, si NON, l'utilisateur devra cliquer sur un bouton pour rafraîchir. Je conseille OUI, car plus pratique et entré dans les habitudes web.
"Hauteur" : crée un paramètre css "min-height" dans une classe contenant le name_filter. Le 0px signifie non paramétré : tester l'affichage à 0 en premier lieu.
"Filtre supprimable" : permet à l'utilisateur de cllquer sur une X pour supprimer ce filtre, et de ne garder que les filtres/sélections qu'il souhaite. Filtres Hikashop suppression
"Affichage dynamique" : très utile car il permet de n'afficher que les filtres possibles en corrélation avec le filtre déjà sélectionné. Exemple: je sélectionne un prix à plus de 100€ et il se trouve que dans ma base de données je n'ai que des vins blancs et rouges à plus de 100€, l'affichage dynamique ne me proposera comme flitre complémentaire que "blanc" et "rouge" et pas "rosé".

filtres parametrage options prix 

 Le paramétrage des options est assez intuitif.

Pour le filtre par prix, voici un exemple de parmétrage de "fourchettes", ainsi que le résultat en front-end, de type "liste simple":

filtres parametrage options prix2

 

 

 

3- Hikashop Filter module

Quelques remarques sur les paramétrages:

hikashop module filters"Show filter button" : le bouton "Filtrer" n'est pas utile puisque l'affichage est dynamique.
"Number of columns" : souvent 1 car les filtres sont souvent affichés en sidebar, mais on peut aussi les afficher aussi en milieu et en haut (x colonnes.
"Filters height" : utile uniquement si les filtres sont de même type, dans le cas contraire le design viendra de vos css.
"Filters": le plus important, on choisit les filtres à afficher dans le module (Shift ou CTRL + clic droit pour en sélectionner plusieurs dans la liste).
On remarquera que seul le "Nom de départ" évoqué plus haut est affiché, d'où l'importance de cette notion.

filtres parametrage module2

 Pour rappel: le module peut être dupliqué pour sélectionner d'auttes combibnaisons de filtres et une assignation à d'autres pages.

 

Dernière modification le 30 04 2015

Éléments similaires (par tag)

Articles Joomla