Ultimate WooCommerce Filters

Descrição

Ultimate WooCommerce Filters is a plugin that allows you to filter WooCommerce products by color, size, attribute, category or tag. Easy to set up and implement with a simple WooCommerce filter widget and WooCommerce filter shortcode.

Key WooCommerce Filter Features

Filter WooCommerce products by color, with the actual colors displayed in the widget on your shop page

Filter WooCommerce products by size

Filter products by any attribute that you have set up in WooCommerce

Filter products by WooCommerce categories and tags

Include a smart product search in the WooCommerce filtering widget

Add a smart table format/view to your shop page

New Gutenberg block included for displaying your WooCommerce filters!

It’s very simple and quick to set up your WooCommerce filters. Use an intuitive color picker to select the colors for your shop and then, for each product, just check the ones that apply. It works the same way for the sizes.

For the categories and tags, it’s even easier! Ultimate WooCommerce Filters automatically recognizes the categories and tags that you already have set up in WooCommerce. It’s as simple as enabling the filtering in our options. You will then automatically have all your WooCommerce categories and WooCommerce tags available as filters on your shop page.

Table format option: Ultimate WooCommerce Filters now includes a brand new table format view for your shop page. With this enabled, your main WooCommerce shop page will now display in a table format, instead of the regular thumbnail format. With options to display the product title, image, price, rating and “add to cart” button, your customers can find and compare exactly what they need as quickly and easily as possible. If using this layout, we suggest to not use the widget at the same time.

Create a powerful, effective and practical product browsing experience for your customers with the ability to filter your products by WooCommerce attributes. This is the attributes functionality that is built into WooCommerce and that you already use to provide specific information about your products. In our WooCommerce filtering options, just enable which attributes you’d like to add to the filtering widget and they’ll automatically display as filters on your WooCommerce shop page. No extra setup required. This is an incredibly useful feature that brings the WooCommerce shopping experience to a whole new level for your customers!

[ultimate-woocommerce-filters]

It could not be easier to display your WooCommerce filters to your shop page. Just add our widget to your theme’s page sidebar. That’s it. The WooCommerce filter widget is already configured to only show on the WooCommerce shop page, and not your other pages. Alternatively, you can place the WooCommerce filters anywhere you want on a page using the intuitive shortcode shown just above.

In addition to the available filters, Ultimate WooCommerce Filters also includes a dynamic and fast product search that you can add to the WooCommerce filter widget. With features like auto-complete, your customers can quickly find the exact products they’re looking for.

Premium WooCommerce Filtering Features

Ultimate WooCommerce Filters comes with a host of advanced features in the premium version that you let you further customize the filtering experience. These include advanced attribute options the table format. There are also separate layout options and functions for each type of filter, an option to display WooCommerce filter attributes under the thumbnails on your shop page, and more, there are many ways to configure your WooCommerce filters just how you need.

Ultimate WooCommerce Filters premium features include:

Display WooCommerce filter attributes under shop page thumbnails (e.g. adjacent to the rating stars). Gives your customers a visual indication of what’s a available for each product without having to go to the product page.

Advanced options that allow you to customize the filtering functionality and experience.

Labelling options that allow you to quickly change the wording of specific labels.

Ultimate WooCommerce Filters is great for WooCommerce shops that want to show available product colors, such as clothing stores, sports equipment, electronics, music shops, collectibles and more. By having all your filters and your search in one place, it will save a lot of time for your WooCommerce store visitors and enhance their shopping experience.

Ultimate WooCommerce Filters is fully compatible with WPML and, as such, if you are running a WooCommerce shop in multiple languages, you can use it without any doubts.

Imagens de tela

Shop page showing WooCommerce filters widget in right sidebar

Close-up of WooCommerce color filter display under thumbnails

Close-up of WooCommerce filter widget

View of Colors tab in plugin admin

View of Sizes tab in plugin admin

Options page in plugin admin

Adding color filter to a WooCommerce product

Blocos

Este plugin disponibiliza 1 bloco.

color-filters/ewd-uwcf-display-filters-block

WooCommerce Filters

Instalação

Make sure you have the latest version of WooCommerce plugin installed and active

Upload the ‘color-filters’ folder to the ‘/wp-content/plugins/’ directory

Ative o plugin por meio do menu “Plugins” no WordPress

or

Make sure you have the latest version of WooCommerce plugin installed and active

Go to the ‘Plugins’ menu in WordPress and click ‘Add New’

Search for ‘Color Filters for WooCommerce’ and select ‘Install Now’

Activate the plugin when prompted

Getting Started

To add a new color filter:

Click on ‘WC Filters’ in the WordPress admin sidebar menu

Go to the ‘Colors’ tab. The ‘Add a New Color’ area will be on the left.

Fill in the fields, use the color picker to select your exact color, and then click the ‘Add New Color’ button

To add a new size filter:

Click on ‘WC Filters’ in the WordPress admin sidebar menu

Go to the ‘Sizes’ tab. The ‘Add a New Size’ area will be on the left.

Give your size a name (e.g. “Medium”), fill in the other fields, and then click the ‘Add New Size’ button

Choose color(s) and size(s) for your products:

Go to the WooCommerce ‘Products’ area of your WordPress admin and click on a specific product to edit it

On the right side of the screen, you’ll see a box called “Colors” and one called “Sizes”

There you will be able to choose the colors and sizes that apply for a specific product

Enable filtering:

Go to the ‘Options’ tab

There you will see options called “Enable Color Filtering”, “Enable Size Filtering”, “Enable Category Filtering” and “Enable Tag Filtering”. You will also see options to enable filtering for every custom attribute that you have in your WooCommerce. Set any of these to “Yes” to enable the filtering.

Displaying the filters on your shop page:

To add the WooCommerce filters widget to your shop page, go to the ‘Appearances > Widgets’ area of your WordPress admin

Drag our widget over to your the page sidebar area of your theme. (The widget is already configured to only show on the WooCommerce shop page, and not your other pages.)

You can also place the filters anywhere you want on a page using our intuitive [ultimate-woocommerce-filter] shortcode.

Customize your WooCommerce filter experience by making use of the many available settings and options, including a smart product search, product count display, displaying filter attributes under shop page thumbnails (premium), layout and functionality options and more.

For a list of specific features, see the Ultimate WooCommerce Filters description page here: https://wordpress.org/plugins/color-filters/.

FAQ

To add the WooCommerce filters widget to your shop page, go to the ‘Appearances > Widgets’ area of your WordPress admin

Drag our widget over to your the page sidebar area of your theme. (The widget is already configured to only show on the WooCommerce shop page, and not your other pages.)

You can also place the filters anywhere you want on a page using our intuitive [ultimate-woocommerce-filter] shortcode.

How do I add a color?

Click on ‘WC Filters’ in the WordPress admin sidebar menu

Go to the ‘Colors’ tab. The ‘Add a New Color’ area will be on the left.

Fill in the fields, use the color picker to select your exact color, and then click the ‘Add New Color’ button

How do I add a size?

Click on ‘WC Filters’ in the WordPress admin sidebar menu

Go to the ‘Sizes’ tab. The ‘Add a New Size’ area will be on the left.

Give your size a name (e.g. “Medium”), fill in the other fields, and then click the ‘Add New Size’ button

How do I assign colors and sizes to products in WooCommerce?

Go to the WooCommerce ‘Products’ area of your WordPress admin and click on a specific product to edit it

On the right side of the screen, you’ll see a box called “Colors” and one called “Sizes”

There you will be able to choose the colors and sizes that apply for a specific product

I’ve added colors and sizes, but still don’t see any filters in my shop

To enable the filtering, go to the ‘Options’ tab in our plugin admin. There you will see options called “Enable Color Filtering”, “Enable Size Filtering”, “Enable Category Filtering” and “Enable Tag Filtering”. You will also see options to enable filtering for every custom attribute that you have in your WooCommerce. Set any of these to “Yes” to enable the filtering.

How do I set up my WooCommerce product attributes to be filterable?

In our WooCommerce filtering options, just enable which attributes you’d like to add to the filtering widget and they’ll automatically display as filters on your WooCommerce shop page. All the data is automatically pulled from WooCommerce. No extra setup required.

How do I make my WooCommerce categories and tags appear as filters?

Ultimate WooCommerce Filters automatically recognizes the categories and tags that you already have in your WooCommerce. All you have to do is enable the filtering in our options. All of your WooCommerce categories and WooCommerce tags will then automatically be available as filters on your shop page.

Is there a shortcode to display the filters, or is it only a widget?

You can place the filters anywhere you want on a page using our intuitive [ultimate-woocommerce-filter] shortcode.

How do I turn on the product search field?

In the “Basic” area of the “Options” tab in our WooCommerce filters plugin, there is a setting called “Enable Text Search”. If you set this to “Yes”, it will display a search field alongside your filters on your shop page, giving your customers everything they need in one spot.

Interessado no desenvolvimento?

Registro de alterações

2.1.13

2.1.12

Added in a brand new table format/view for your shop page (best to use no sidebar if using this option)

2.1.11

Update for the admin dashboard

2.1.10

Removing placeholder text from the admin

2.1.9

Fixing issue where the min_rating and max_rating strings were showing in the address bar even if the ratings filters wasn’t enabled.

2.1.8

Updating widgets files to remove deprecated create_function

2.1.7

Corrected an issue that was causing the color pattern image upload box to not open

2.1.6

Updated the review ask pop-up

2.1.5

Corrected issue that was causing the review request to sometimes pop back up even after a review had been left or feedback sent

2.1.4

Corrected issue causing color pickers to not show in the styling options

2.1.3

Additional correction to Gutenberg block

2.1.2

Corrected issue with Gutenberg block not displaying in new WordPress 5.0

2.1.1

Corrected issue in which, in certain cases, the Colors and Sizes meta boxes were not showing on the WooCommerce product edit screen.

2.1.0

This is a big update with many new features, corrections, revised admin styling, etc., so please take caution and test before updating on a live site (or wait a few days before updating in case some minor corrective updates need to be put out)

Added in easy-to-use Gutenberg block for the ultimate-woocommerce-filters shortcode

Added the ability to filter products by rating (either WooCommerce ratings or ratings from the Ultimate Reviews plugin)

Added a “Reset All Filters” option

Added option to filter products by in stock

Added option to filter products by on sale

Added a Custom CSS area to the options

Added in new labelling options

Added in new styling options for more control over the look of the widget/shortcode and the display of the information in the product thumbnails on the shop page

Re-arranged the order of certain options

Updated the styling of the options pages

Updated the styling of the information in the product thumbnails on the shop page

Corrected issue in which, if, while editing a color, you clicked on one of the associated products, it wouldn’t correctly redirect to that product edit screen

Corrected issue with attributes not displaying properly in the product thumbnails

Corrected issue with the attributes not appearing as filtering options

Minor styling updates to certain admin screens

Removed a few unused/unnecessary files from the plugin

Loaded the textdomain and generated .pot file

2.0.5

Making it so the widget also shows on WooCommerce archive and taxonomy pages, and not just the main shop page.

Correcting issue with filtering that was causing the colors and sizes to not display when selected for some users.

2.0.4

Fixed issue with an option not appearing in the trial

2.0.3

Fixed an error where the search term was set to undefined when text search as turned off

Fixed an error where variations weren’t available for colors that already existed. Simply re-save the colors and this feature should work correctly now.

Removed a number of notices

2.0.2

Minor CSS updates to the admin Dashboard

2.0.1

Fixed an issue where the new WooCommerce attributes for colors and sizes were visible

2.0.0

This is a big update, so please use caution (and test) when updating on live sites