Boostez vos ventes et l'engagement de vos clients avec les outils de tri et de filtrage widget. Ce site widget permet aux clients de tu de trier facilement les produits et les catégories de tu. Qu'ils recherchent le nom d'un produit spécifique, une gamme de prix particulière ou les dernières nouveautés, ils seront en mesure d'affiner rapidement leur recherche.
Il est important de noter que le widget Tri et Filtre ne peut être ajouté qu'à une page sur laquelle le widget Galerie de produits a déjà été ajouté. En effet, le widget Trier et filtrer affiche exclusivement les produits situés dans la galerie de produits de la page ou, s'il y a plusieurs galeries de produits, le widget filtrera les produits de toutes les galeries de la page. Par exemple, si vous avez des produits qui ne sont pas sur la page, ils n'apparaîtront pas lorsque vous utiliserez les fonctions Trier et Filtrer widget.
Remarque
Seuls les produits seront affichés lors de l'utilisation du widget Trier et filtrer, et non les catégories. Par exemple, si vous avez une galerie de produits qui est configurée pour afficher une catégorie (et non des produits), les options Trier et Filtrer widget n'afficheront rien lorsqu'elles seront ajoutées à la page.
Pour ajouter le widget Tri et Filtre :
-
Naviguez jusqu'à la page souhaitée. La page doit déjà contenir le widget Galerie de produits.
-
Dans la section store, cliquez sur Sort & Filter widget et faites-le glisser à l'endroit de la page où vous souhaitez que le bouton se trouve.
Les options de filtrage et de tri peuvent être personnalisées. Vous pouvez le faire dans l'Éditeur de contenu du site widget. Pour accéder à l'Éditeur de contenu, cliquez avec le bouton droit de la souris sur le site widget, puis cliquez sur Modifier le contenu.
Vous trouverez ci-dessous les options disponibles :
-
Nom d'affichage (bouton et panneau de filtre). La définition d'un nom d'affichage est facultative ; si aucun nom n'est défini, le filtre par défaut Sort & est utilisé.
-
Filtrer par. Par défaut, cette option est activée.
-
Catégorie. Notez que sur les pages de catégorie store, le filtre Catégorie n'apparaît pas car la page est déjà définie pour une catégorie spécifique.
-
Prix
-
-
Trier par. Par défaut, cette option est activée.
-
Le plus récent. Disponible à partir du plan avancé.
-
Prix (du plus bas au plus haut). Paires avec prix (du plus haut au plus bas). Si l'un est handicapé, l'autre le sera également. Disponible à partir du plan avancé.
-
Prix (du plus élevé au plus bas). Paires avec le prix (du plus bas au plus haut). Si l'un est handicapé, l'autre le sera également. Disponible à partir du plan avancé.
-
Nom (Z-A). Paires de noms (A-Z). Si l'un est handicapé, l'autre le sera également.
-
Nom (A-Z). Associé au nom (Z-A). Si l'un est handicapé, l'autre le sera également.
-
Remarque
-
Lorsque les options Filtrer par et Trier par sont désactivées, le bouton du widget reste présent, mais rien ne se passe lorsqu'il est sélectionné.
-
Les stores du forfait Standard n'afficheront que les options de tri par nom.
Utilisez le panneau de conception pour personnaliser la conception du panneau Bouton et Filtre pour le widget Tri et Filtre.
Pour configurer la conception :
-
Cliquez avec le bouton droit de la souris sur le widget Filtrer le tri, puis cliquez sur Modifier la conception.
-
Cliquez sur l'onglet de l'élément que vous souhaitez configurer (panneau des boutons ou des filtres).
Vous trouverez ci-dessous les éléments de conception que vous pouvez personnaliser :
Panneau des filtres
Style
-
Disposition
-
Alignement du panel. Réglez le panneau pour qu'il s'affiche à droite ou à gauche de l'écran.
-
Largeur. Définissez la largeur du panneau.
-
L'espace entre les deux. Définissez l'espace entre les sections.
-
-
Éléments du panneau
-
Couleur de la case à cocher.
-
Couleur de l'icône de la case à cocher.
-
Icône de bordure de case à cocher.
-
Diviseur. Largeur et couleur.
-
Curseur de fourchette de prix. Largeur et couleur.
-
-
Icône Fermer
-
Couleur.
-
Couleur d'arrière-plan.
-
Text (Texte)
-
Nom d'affichage.
-
Titres du panneau.
-
Options du panneau.
Bouton
Personnalisez le style du bouton à l'aide des options disponibles.