Lize) catégorie damp;rsquoétiquette attributs du produit: par couleur, curseur et autres options damp;rsquoentrée du produit auteur: pour les magasins Multi fournisseurs statut de vente du produit commandité cote du produit mots clés: recherche par texte boîte de recherche classification personnalisée et champs personnalisés, De plus, chaque option de filtre comprend plusieurs types damp;rsquoentrée. Par exemple, si utilisez une plage de prix prédéfinie, pouvez permettre à lamp;rsquoutilisateur de sélectionner sa plage en utilisant la case à cocher ou la liste déroulante. Il y a damp;rsquoautres options. Par exemple, selon le filtre, pouvez utiliser:
Options boutons (radio) menus déroulants (radio) listes de cases à cocher à menus déroulants multiples (Multi sélection) boutons texte curseur couleur on off En général, pouvez également utiliser de nombreuses options pour contrôler la fonctionnalité et le style du filtre. Enfin, pouvez créer un ensemble illimité de filtres et afficher différents filtres dans différentes situations. Par exemple, pouvez afficher un ensemble de filtres aux visiteurs mobiles et un autre ensemble de filtres aux visiteurs de bureau. Alternativement, pouvez voir un ensemble de filtres pour les produits damp;rsquoune catégorie et un autre ensemble de filtres pour les produits damp;rsquoune autre catégorie (comme pour les étiquettes).
Cela permet de assurer que vos filtres sont toujours optimisés pour des visiteurs produits spécifiques. Allons sur les lieux et je vais te dire comment ça marche En utilisant lamp;rsquoexercice woocommerce Product Filter comme référence, jamp;rsquoutilise la version avancée de woocommerce Product Filter dans cette section. Cependant, lamp;rsquointerface de base est la même dans la version gratuite. Une fois le plug in installé et activé, la première étape consiste à créer le premier
Filtre Il peut samp;rsquoagir damp;rsquoune chose, comme une gamme de prix, ou plus encore.
Comme décrit ci dessus, pouvez créer plusieurs groupes de filtres et afficher différents groupes de filtres dans différentes situations. Créer le premier filtre pour commencer, allez au filtre de produit Woo → ajouter un nouveau filtre. Après lamp;rsquoavoir nommé, obtenez trois onglets de configuration pour vérifier comment il fonctionne. Lamp;rsquoarticle se poursuit comme suit: Tout damp;rsquoabord, utiliserez le menu déroulant pour sélectionner le type de filtre à ajouter. Tout damp;rsquoabord, je vais sélectionner lamp;rsquooption gamme de prix. Vous pouvez également sélectionner seulement le prix pour fournir le curseur de prix à lamp;rsquoutilisateur. Vous pouvez ajouter plus de filtres si le souhaitez. Lorsque faites cela, verrez quamp;rsquoils sont automatiquement mis à jour dans lamp;rsquoaperçu en direct des filtres complétés:
Pour configurer un filtre individuel, pouvez étendre ses options dans la liste. Par exemple, si Agrandissez un filtre de plage de prix, aurez un certain nombre damp;rsquooptions pour contrôler sa fonctionnalité et son affichage. Par exemple, si le changez de la liste des cases à cocher au menu déroulant, pouvez voir que lamp;rsquoaperçu en direct sera mis à jour: Différents filtres donneront différents paramètres. Par exemple, si ajoutez une zone de recherche par texte, pouvez sélectionner ce que recherchez. Vous pouvez inclure exclure du contenu, des résumés, des catégories, des propriétés, des SKU, etc. En général, chaque option de filtre fournit un certain nombre de contrôles pour sélectionner les entrées. Vous pouvez choisir parmi différentes entrées, telles que les cases à cocher, les boutons damp;rsquooption, les menus déroulants, etc. nécessaire. Vous pouvez même obtenir quelque chose damp;rsquounique. Par exemple, pour les filtres de notation, pouvez inclure des notations damp;rsquoétoiles sur une ou plusieurs lignes (les visiteurs cliquent sur le nombre damp;rsquoétoiles quamp;rsquoils veulent) ou plus.
Lamp;rsquoarticle se poursuit comme suit: Une fois terminé, devriez avoir une liste de filtres similaire à celle ci dessous. souhaitez modifier lamp;rsquoordre des options de filtre, pouvez
Un acheteur a utilisé un filtre. Le plug in donne également un code court pour voir le produit, qui est utile si voulez créer une page de filtre dédiée. Chargeur: lors de lamp;rsquoutilisation damp;rsquoAjax, personnaliser désactiver lamp;rsquoicône du chargeur affichée lors de lamp;rsquoapplication filtre. Enfin, pouvez aller à lamp;rsquoonglet conception pour configurer le style du filtre. Voici quelques options importantes: utilisez un style de plug in intégré ou un style de thème. Configuration largeur et hauteur. Ajouter un CSS personnalisé ou un JavaScript. Les autres onglets, blocs, titres et boutons sont optionnels. le souhaitez, pouvez activer des styles personnalisés pour ces zones afin que puissiez outrepasser tous les paramètres de style en utilisant la sélection. Voici ce qui se passe lorsque activez un style personnalisé: Vous avez presque fini: tout ce que avez à faire est damp;rsquoafficher le filtre à lamp;rsquoacheteur. De même, le filtre produit woocommerce offre plusieurs options: Widget WordPress natif elementor Widget Short Code PHP functions par exemple, si ajoutez un widget spécial de filtre produit Woo, pouvez utiliser le menu déroulant pour sélectionner le filtre à afficher: Puis il y a le filtre dans la barre latérale du magasin: Je lamp;rsquoai configuré pour hériter de mon style de sujet: Les méthodes shortcode et PHP sont également évidentes. Mais regardons de plus près lamp;rsquointégration des éléments, car je sais que beaucoup de gens peuvent utiliser elementor woocommerce Builder pour concevoir leurs propres magasins. Ici, jamp;rsquoutilise elementor woocommerce Builder pour créer un modèle damp;rsquoarchive de produit. Tout damp;rsquoabord, jamp;rsquoa i créé un design à deux colonnes qui inclut le Widget produits de stockage dans la colonne de gauche pour afficher tous mes produits. Par conséquent, je peux ajouter le nouveau Widget woofilters à la colonne
Le bouton droit affiche le filtre. Vous pouvez également créer et personnaliser des filtres sans quitter lamp;rsquointerface de lamp;rsquoélément, ce qui est un bon avantage: Dans lamp;rsquoonglet style damp;rsquoélément, pouvez également accéder à toutes les options de lamp;rsquointerface normale de filtre de produit woocommerce. Lamp;rsquoonglet avancé de lamp;rsquoélément fournit ensuite toutes les options (et toutes les options normales de lamp;rsquoélément) dans lamp;rsquoonglet conception. En général, si utilisez elementor, il est très pratique damp;rsquoinclure des filtres de produits dans votre projet. Prix des filtres produits woocommerce les filtres produits woocommerce sont disponibles en deux versions gratuites sur WordPress. Organisez le en version avancée et ajoutez plus de fonctionnalités. La version gratuite contient la plupart des fonctionnalités principales, tandis que la version avancée offre plus damp;rsquooptions pour filtrer le produit, y compris des boîtes de recherche et des listes de cases à cocher (Multi sélection) et des icônes pour filtrer les propriétés du produit. voulez être pro, il y a trois étages. Le plan a la même fonctionnalité: la seule différence est le nombre de sites que pouvez utiliser le plug in: 1 site 49 $site 99 $site illimité 199 $Considérations finales sur les filtres de produits woocommerce dans lamp;rsquoensemble, jamp;rsquoai trouvé les filtres de produits woocommerce une façon intuitive et flexible damp;rsquoAjouter des filtres de produits à votre magasin woocommerce. Lorsque je les teste, tous les filtres fonctionnent et les filtres Ajax chargent rapidement le produit (comme référence, il y a environ 15 produits dans mon magasin). Les filtres sont également très flexibles et ont de nombreux paramètres pour contrôler les entrées, les fonctions, les styles, etc. De plus, jamp;rsquoaime que ayez tant damp;rsquooptions pour voir les filtres, en particulier lamp;rsquointégration des éléments, parce quamp;rsquoelle permet de travailler directement à lamp;rsquointérieur de lamp;rsquointerface des éléments. voulez essayer, pouvez acheter Maggi
Ou une partie de la fonctionnalité est disponible gratuitement. Ensuite, envisagez une mise à jour pour accéder à la boîte de recherche et à damp;rsquoautres filtres avancés. Obtenir une version professionnelle obtenir une version gratuite
Woocommerce Product Filter Review: Flexible Ajax Product Filter
