Customization

From the tab Customization, you can customize texts, colors and style of the filter options.

Filter customization

Filter customization 2

 

  • Filters area title: enter the title that will define the “AJAX filter Preset” filter;
  • Filters area colors: choose the color for titles, background, and accent color;
  • Options style: choose the style to apply to filters from Theme style and Custom style;
Theme style
Custom style

 

 

 

 

 

 

  • Color swatch style: choose the style for the thumbnails from Rounded and Square;
  • Color swatch size: enter the size for thumbnails;

How to customize your filters

  • Labels style color: choose the colors for labels background, background hover, background active, text, text hover, text active;
  • Textual terms color: choose the colors for textual terms (text, text hover, text active);
  • AJAX loader: choose the style for the Ajax loader icon from the default one or a custom loader;
  • Custom AJAX loader (available if Upload custom loader is enabled): upload the icon to use as custom loader.

SEO

Options included in the SEO section allow the admin to improve indexing when using filters, both to avoid common problems, such as a duplicated content and to allow changing URLs used for filters.

SEO settings

 

  • Enable SEO option: enable to make the meta tag “robots” appear in the tag <head> of the page, in case there is an active filter;
  • Meta tag: select which tag to use on filtered pages by choosing from disabled; noindex,nofollow; noindex,follow; index, nofollow and index,follow;
  • Add “nofollow” to filter anchors: enable if you want to add the attribute

    rel=”nofollow” to all the filter anchors across the plugin;

  • URL permalinks: choose how to manage the page permalinks from: Use plugin customized permalinks, Add filters parameters to default URL, or keep the URL unchanged.

By selecting Use plugin customized permalinks, the URL will have a fixed length and will redirect directly to the filtered page. This can be useful, for example, for sharing purposes.

EXAMPLE

By applying filters with the option Use plugin customized permalinks enabled, regardless of the number of filters selected, the URL will be similar to this: https://example.com/shop/filter_session/FCWNQZ3J2H and when visiting this URL, you will find the page just like it was filtered.

Plugin permalink for filtered page

On the contrary, by applying filters with the option Add filters parameters to default URL, the filtered page will have an URL similar to this: https://example.com/shop/?yith_wcan=1&product_cat=accessories&filter_color=black&query_type_color=or&filter_materials=leather&query_type_materials=or

 

 

Widget and Shortcode

Widget

The widget YITH AJAX Filters preset allows you to show your preset filters on the sidebars or widget area of standard WooCommerce pages or on any other custom page.

Filter preset widget

Shortcodes

To add your presets to your site pages, you can use the shortcodes generated by the plugin automatically after creating your group of filters. Just copy and paste the shortcode to the page on which you want to show the preset.

Filter preset shortcode

The default preset provided by the plugin is [yith_wcan_filters slug=”default-preset”].

Customize plugin template

To overwrite the plugin template, go to folder templates in
your plugin and copy the files you find there.

Customize plugin template

Then, paste the copied files into your theme or in the root directory, or
in the folder woocommerce, that you will have to create if it
does not appear there.

Customize plugin template

YITH WooCommerce Ajax Price List Filter

The widget YITH WooCommerce Ajax List Price Filter allows users to set price ranges to filter products in the shop.
Click on Add new range to set a new price range.

Price range

Filter by price