Comment utiliser les filtres dans OpenCart

Essayons d'abord de comprendre le concept de filtres dans OpenCart. Dans un magasin classique, vous trouverez probablement une fonctionnalité de "recherche avancée" permettant aux utilisateurs de filtrer les produits en fonction de leurs préférences. Mais parfois, vous souhaitez regrouper différents types de produits, même s'ils appartiennent à des catégories différentes. Ou vous voudriez attacher une étiquette à certains produits afin qu’ils puissent être trouvés plus facilement dans le front-end.

Pour mieux le comprendre, prenons un exemple concret. Supposons que vous avez une sous-catégorie "Moniteurs" disponible dans la catégorie principale "Composants". Et vous souhaitez catégoriser davantage les moniteurs par "LED", "LCD" et "CRT". 

La première option qui vous vient à l’esprit est de créer un autre niveau de catégories sous «Moniteurs». Mais au lieu de créer un autre niveau de catégories, ce qui pourrait rendre les choses un peu plus complexes, vous pouvez utiliser des filtres dans OpenCart..

L’avantage de l’utilisation des filtres dans le scénario ci-dessus est que, lorsque vous activez le module "Filtre", il fournit un bloc sympa dans le frontal qui permet aux utilisateurs d’affiner les produits de leur choix.

Allons-y et mettons cela en place.

Créer le nouveau groupe de filtres et les filtres

Rendez-vous dans la section admin de OpenCart et allez à Catalogue> Filtres. Clique sur le Insérer bouton pour ouvrir l'écran qui nous permet de créer un nouveau groupe de filtres et filtres. Nom du groupe de filtrage est le titre utilisé pour distinguer les filtres lorsque plusieurs jeux de filtres sont disponibles pour l'affichage. Il suffit de remplir les détails comme indiqué ci-dessous.

Comme vous pouvez le constater, nous avons créé un groupe de filtres "Types de moniteur" et les valeurs de filtre sont "LED", "LCD" et "CRT". Clique sur le sauvegarder bouton pour valider les modifications.

Attribuer les filtres aux catégories et aux produits

Nous avons maintenant configuré le groupe de filtres et les filtres associés. En outre, nous devons affecter les filtres à la catégorie et aux produits appropriés..

Assigner des filtres à une catégorie

Attribuons d’abord des filtres à une catégorie associée. Je suppose que vous utilisez les catégories et les données de produit par défaut fournies avec l'installation par défaut d'OpenCart..

Poursuivant avec notre exemple précédent, allons de l'avant et modifions le Moniteurs Catégorie. Aller à Catalogue> Catégories et éditer le Moniteurs sous-catégorie sous la Composants catégorie principale. Clique sur le Les données onglet, qui montre différents champs, parmi lesquels Les filtres.

Les filtres est un champ auto-complet. Ainsi, vous pouvez sélectionner les valeurs en tapant simplement quelques lettres. Dans notre exemple, vous voudriez choisir "LED", "LCD" et "CRT" comme valeurs de filtre. Clique sur le sauvegarder bouton pour appliquer les modifications.

Il s'assurera que lorsque le bloc "Filtres" est affiché sur la page de catégorie "Moniteurs" dans l'interface frontale, il affichera les trois options sélectionnées dans le champ "Filtres" sous l'onglet Données.languette.

Attribuer des filtres aux produits

Nous devons maintenant assigner des filtres à chaque produit que nous aimerions filtrer selon nos critères "Types de moniteur". Évidemment, nous aimerions éditer les produits dans la catégorie "Moniteurs" car nous avons défini les filtres pour cette catégorie dans la section précédente..

Aller à Catalogue> Produits et éditez le produit "Samsung SyncMaster 941BW". Sous le Liens l'onglet, vous verrez le Filtre champ. Choisissons "LED" et sauvegardons le produit.

De la même manière, affectez "LCD" à l'autre produit "Apple Cinema 30". Nous avons donc maintenant deux produits différents affectés de deux valeurs de filtre différentes. En outre, vous pouvez affecter plusieurs filtres au même produit si nécessaire. Mais dans notre cas, nous allons garder les choses simples.

Activer le module de filtrage

Nous avons presque terminé la configuration! La seule chose qui reste à faire est d’activer le module de filtrage et de l’affecter à la présentation appropriée dans le frontal. Aller à Extensions> Modules et installez le Filtre module.

Après avoir installé le Filtre module, cliquez sur le modifier lien pour ouvrir la page de configuration du module. Clique sur le Ajouter un module bouton pour ajouter une nouvelle ligne et choisir les options ci-dessous.

Dans notre exemple, cela n’aura de sens que si nous affichons notre module dans la présentation "Catégorie". Cela garantira que lorsqu'un utilisateur parcourt les produits par catégorie, le bloc "Filtres" sera utile pour filtrer davantage les produits. Nous avons donc sélectionné Catégorie dans le Disposition déroulant, et nous l'afficherons dans le Colonne de gauche position. Cliquer sur sauvegarder appliquer les modifications.

Tester le front - fin

Alors finalement, il est temps de voir les choses en action dans le front. Dirigez-vous vers le début et sélectionnez Composants> Moniteurs (2) répertorier les produits disponibles dans la catégorie "Moniteurs". Vous devriez voir le Affiner votre recherche bloquer sur la barre latérale gauche. Assez cool, n'est-ce pas?

Comme vous pouvez le constater, il s’agit d’un très joli bloc présentant les différentes options de filtrage, avec le nombre total de produits disponibles dans chaque filtre. Il suffit de sélectionner LED et cliquez sur Affiner votre recherche voir la liste des produits filtrés.

Si vous connaissez "Recherche à facettes", l'interface se présente similaire pour que. De la même manière, vous pouvez configurer plus de groupes de filtres et de filtres pour afficher une interface de raffinage riche dans votre magasin fron-t-end!

Conclusion

Dans cet article, nous avons exploré l’une des fonctionnalités intéressantes d’OpenCart, les filtres. J'espère que vous avez apprécié et appris quelque chose d'utile sur OpenCart. J'aimerais entendre vos commentaires et questions dans le fil!