Yith Filter

0 views

Skip to first unread message

Vickiana Sconyers

unread,

Aug 3, 2024, 5:06:13 PM8/3/24

to jiapamubezz

Without the right help, finding the right product in an e-commerce store might be a mission impossible for your users. Almost all usability research proves that 75% of users leave the shop if they cannot find what they are looking for within 15 seconds. For this reason and to make the product search and selection processes easier, it is essential to loyalize customers and to support sales.

YITH WooCommerce Ajax Product Filter allows your users to filter products based on their needs (category, size, color, brand, price and much more) and in a few seconds they will find exactly what they want to buy: a simple and powerful tool to address your customers towards their ideal product, speed up the purchase process and improve the conversion rate of your online shop.

Filter by color and size: you can create filters for all the attributes available in your store, like color and size. For the color filter, you can either choose square or circular color swatches or use custom images to recall a specific pattern, shade or fabric texture

Choose whether to show filters as checkboxes, radio buttons, select dropdowns, multi-select, labels or images. For example, for the color filter, you can use a text list, color swatches or upload custom images that better represent the product color shades or specific patterns. For product categories, you can also use textual labels or use custom icons to visually represent each of your categories.

With our plugin, you will be able to configure filters with a horizontal layout and insert them above the products of your shop, adding to your e-commerce a modern and versatile solution used by shops like Zalando.

To improve the user experience on your shop you can show the active filters (and choose whether they should appear in the filters panel on top, above the list of products) and a button that allows resetting all the filters in one click and to go back to the original product list.

If you choose the plugin style, you can further customize it and choose the background color of the filters area, the text colors and the accent color through which the active options are highlighted

Configure the URL pattern of the pages with active filters: you can choose whether to keep the page URL unchanged, to add the selected filters, or to edit it from the plugin permalinks (this will make the URLs shorter and easier to share).

If you use our YITH WooCommerce Color & Label Variations, you will be able to retrieve also color swatches, labels or images configured with this plugin and show them on the related filters automatically.

Do you have any doubts about the plugin and don't know if it's a good fit for your project? You have nothing to worry about, you can always take advantage of our 100% money back guarantee and get a full refund within 30 days of purchase.

By using YITH Infinite Scrolling, you can replace the pagination of your site contents with infinite scrolling on the pages you prefer, (posts, shop page, etc.), included the ones with products filtered by AJAX Product Filter.

Thanks to YITH WooCommerce Brands Add-on, you can create brands you can link to the products in your shop. Products can be filtered based on the selected brand and this will make it easier for users to find products they might be interested in.

Thanks to the integration with YITH WooCommerce Ajax Product Filter, the product list of your shop can be filtered by the selected brand.

With YITH Color, Image & Label Variation Swatches for WooCommerce, you can show all your product variations such as colors, sizes, shapes, etc. as selectable color swatches, labels, or even with custom images. The customer will be able to pick their favorite variation right from the Shop page and other archive pages. The plugin also allows splitting variations of the same product and show them as separate items on the Shop and archive pages.

The combined use of these two plugins allows using colors, labels, and images configured with YITH Color, Image & Label Variation Swatches for WooCommerce for your terms when creating filters of Color swatches and Label/Image types.

Very happy with the plugin and with their teamI have been using the plugin for a while, and I decided to leave a review now because I'm super happy with the latest update. It's such an improvement and I feel like it added a lot of value to the plugin! Keep up the nice work.

This plugin is as good as their support service: Top-notch!I first used the free version to see if I can get well accustomed to the plugin basic features and it was okay, then I upgraded to premium and it was definitely a very good decision. I now use the horizontal toolbar which it looks much better and I believe it simplifies the user experience navigating my site. Good option that I can add as many colors as I want using the color swatch filter, I was worried about being limited with it. The support has been great when I was having a difficult time with the set up, so my general experience with the company is very positive and I recommend them.

Personalizacin muy completa con resultados nicosEs un plugin muy completo, tiene un sinfn de opciones para personalizar los filtros de mi tienda, me encanta que puedo ordenar los filtros de colores como yo quiera, as los puedo agrupar por colores y tonos. Es fantstico, lo recomiendo mucho para cualquier tienda.

Soddisfa le aspettativeHa tutto quello che ci si aspetta da un buon plugin per filtrare i prodotti: ottime opzioni di preimpostazione dei filtri e semplicit di utilizzo. Uso anche YITH Color, Image & Label Variation Swatches for WooCommerce per sfruttare l'integrazione per poter mostrare le variazioni di prodotto nei risultati durante il filtraggio e funziona perfettamente. Non potrei essere pi felice del mio acquisto.

With the YITH WooCommerce Ajax Product filter its latest massive redesign, you can finally tackle the user experience in your WooCommerce powered shop. You can help your customers easily find and filter your products by categories, tags, taxonomy, and all kinds of attributes like sizes, colors, materials, brands, etc.

You can create unlimited presets and show the filters on standard WooCommerce pages (Shop, Category pages) or custom pages created with Gutenberg or Elementor. You can add your filters anywhere, using the built-in widget, shortcode, or Gutenberg block. In this way, you can create a preset of filters for the shop page, a preset of filters for a specific product category, another preset of filters for a custom page, and so on: no limits and total maximum control.

Widgets will continue to work with the 4.x version, and we will continue to support them in the upcoming plugin versions. We encourage you to give the Preset system a try and, if you like it, to switch from widgets to Presets (we even included a tool to help you transition to the new system)
We will eventually deprecate old widgets, but we will make sure to notify everyone before this happens ?

If none of the previous listed actions helps you solve the problem, then, submit a ticket in the forum and describe your problem accurately, specify WordPress and WooCommerce versions you are using, and any other information that might help us solve your problem as quickly as possible. Thanks!

You can report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team help validate, triage and handle any security vulnerabilities. Report a security vulnerability.

With YITH WooCommerce Ajax Product Filter you can simplify product search in your shop. Thanks to the filters preset, you can easily set up search filters and allow users to quickly consult your products by having access in a few seconds to the screen showing only those products they are interested in.
The plugin works both on standard WooCommerce pages and on custom ones.

this question is basically the same as How to edit plugin's html? but they also did not get an answer to their question. I am using Yith AJAX Product Filter Premium Plugin and I am in contact with their support but they haven't replied quickly enough and I need an answer to my questions. So I need to add a class to certain elements in the HTML of the plugin but I cannot for the life of me locate the HTML file. I know there is output from all the different files into an HTML file but I cannot find it. The developer said this and provided me a screenshot showing the HTML file so I know it exists:

thanks for contact us!I look your css and I understand that you need a specific class to add the correct style and prevent to lost it after a filter selection, right ?My idea is to add a CSS class to tag , look here:

so I got a plugin that searches all the strings of the plugin files and my unique words that would be in the HTML like the a href src's I'm using and such were not found. I also tried editing the slug in the category specifications like the developer said but I'm new to wordpress and it did nothing, just broke the page so I had to revert it back to the original slug. The problem here is that this page's HTML is not editable because it is basically just categories and products, which are filtered by the plugin. I originally identified an element by its href tag and applied style but if a product is filtered, the href src changes. So I need to add a class to the element in the HTML and apply just 1 style to that that will be valid across all pages. Hope this is clear, feel free to ask for clarification.

editing question for @Kaperto Like in the picture I posted from the developer on the left is a screenshot I sent them which outlines what I want to do. We have the premium version and I still don't find a place to edit the HTML template WITH my elements and input inside it, or even one without it. I need to add a "title" class to the bold element in the screenshot so I can apply the style to just those elements that have that. There are several pages with one title element and they are all list items and have the same classes from the plugin as a default so I can't select just one. I did accomplish selecting just one element by its' href value. However, this value changes upon flitering and the css is no longer valid because the element doesn't match. There are zillions of combinations for filtering, I can't account for them all.