Applications, Page de Collection

Filtrage Collections

Ce tutoriel s'applique à la version la plus récente du Phantom Thème. Veillez à mettre à jour votre thème en suivant le tutoriel vidéo disponible sur votre Espace Client.

Chaque paramètre énoncé dans le pack Classique se retrouvera dans le Pack Premium et Master +.

Chaque paramètre énoncé dans le Pack Premium se retrouvera dans le Pack Master +.

Master +

Page de Collection

Vous trouverez l'option de Filtrage Avancée dans les paramètres d'une Page de Collection comme suit :

  • Activer le filtrage par balises :  Cette option permet d'obtenir un sélecteur contenant toutes les balises mise en place sur l'ensemble de vos produits (Recommandé quand le filtrage avancé ne vous semble pas utile)
  • Activer le tri : Cette option affiche un sélecteur permettant de filtrer les produits par ordre alphabétique, par prix, par ancienneté, le tout de manière croissante ou décroissante
  • Activer le Filtrage Avancé : Cette option activera le filtrage avancé dépendant des blocks énoncés ci-dessous

Voici les différents types de bloc disponible pour le filtrage avancé :

Pour chaque bloc, vous pouvez définir le titre du filtre selon votre convenance dans les paramètres du bloc

  • Liste de Collections : Afficher un onglet de filtrage contenant toutes les collections du site
  • Menu : Afficher un onglet de filtrage via un menu du site
  • Liste de Type : Afficher un onglet de filtrage contenant tous les types de l'ensemble de vos produits
  • Liste de Vendeurs :  Afficher un onglet de filtrage de tous l'ensemble des vendeurs présents sur votre site 
  • Filtre par Tag : Ce bloc permet l'affichage d'un onglet contenant tout les produits possédant les balises mentionnées dans le bloc en question

Détaillons le Filtrage par Tag :

L'emplacements Tags permet de définir toutes les balises relatives à ce filtre, balises qui doivent être présentes sur les produits de votre choix. Un exemple sera plus parlant.

Ici nous avons un filtrage par couleur. Dans l'emplacement Tags, nous avons définis les différentes couleurs qui se doivent d'être apparentes dans le filtre.

Comme indiqué, ces couleurs doivent être séparé par une virgule, sans espace entre chaque couleur, sans accents ni caractères spéciaux.

Définissez ensuite dans vos balises produits les couleurs présentes :

Sur la photo, chaque couleur présente est donc défini dans l'emplacement Balises. La balise écrite dans cet emplacement sera celle affiché dans le filtre en question.

Nous avons donc définis les balises du filtre, et les avons placé sur les produits concernés. Désormais, pour chaque collection comportant des produits possédant ces balises, le filtre sera apparent, ainsi que ses contenants.

Un filtre n'apparaîtra pas si la collection ne comporte aucun produit possédant les balises de ce filtre en question. Ici, si aucun produit de la collection affiché ne comporte de balise correspondant aux couleurs, le filtre Couleurs ne s'affichera pas.

De même, si parmi les balises du filtre, une des balises n'est présente sur aucun produit de la collection, la balise ne sera alors pas affichée sur la collection en question.

Ceci permet ainsi de crée un filtrage unique par collection !

Vous pouvez ajouter autant de bloc "Filtre par Tag" que désirez. Ainsi vous pourriez ajouter un filtrage par "Prix". 

Vous aurez alors à définir un filtrage par tranche de prix. Exemple : 0 - 20€ / 20 - 50€ / 50 - 100€ / etc...

Vous notifierez alors dans vos balises la tranche à laquelle chaque produit appartient, puis créerez un filtre par tag avec pour balises : 0 - 20, 20 - 50, 50 - 100, etc .... Sans caractères spéciaux bien sûr !

De plus, le filtrage est cumulable, vous pouvez ainsi filtrer vos produits suivant plusieurs filtres ! Ici, vous pourriez filtrer les produits étant Bleu et dans une tranche de prix de 0 - 20€

Deux affichages du filtrage sont mise en place, une affichage grand écran et petit écran non modifiable: 

  • Sur grand écran (supérieur à 1800px) : 

  • Sur écran inférieur à 1800px (mobile compris) : sous forme de popup à droite