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.
For further details about YITH Infinite Scrolling settings, please refer to the official documentation.
Using YITH WooCommerce Ajax Search you can add a search bar to your website, allowing users to search via Ajax for specific content in your website, searching through posts, pages, and products.
Thanks to this integration, you can use the dedicated block to show the filter section in the YITH Ajax Search overlay layout and let users filter products based on the search results.
Let’s see how to use this block.
Search and select the block named Search & Filters.
Now, click on the patterns icon and select Filled State Block. This will print the blocks that will show in the overlay when the search produces results.
By default, the default filter preset will be added; yet, you can choose a different preset of filters among those you have created by expanding the row Column and selecting YITH AJAX Filters Preset. This will allow you to select the preset through the block option.
Moreover, when both plugins are installed and active, two presets are automatically created to be used in this block.
You can select them in the Preset option of the block.
Below is an example of the filters applied to search results when using the overlay style.
For more details about YITH Ajax Search settings, please refer to the plugin documentation.
Thanks to YITH WooCommerce Brands Add-On, you can create brands to 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.
By integrating these two plugins, you will be able to select the brands created with YITH Brands Add-on in the related option when configuring your taxonomy filters.
For further information about YITH Brands Add-On settings, please refer to the official documentation.
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 showing 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.
Specifically, by disabling the option Customize terms, the plugin will recover the options configured for the terms with YITH Color, Image & Label Variation Swatches.
When enabling the option “Show variations as separate products” in YITH Color, Image & Label Variation Swatches, each variation will be shown as a separate product.
The filter will also be applied in this case and will show all products (variations) that match the filter.
For further details about YITH Color, Image & Label Variation Swatches settings, please refer to the official documentation.
There are four widgets you can add to your product templates including the following:
