2.1 Settings & Options - Widgets included with WooCommerce

Created by Danny Wong, Modified on Fri, 07 Aug 2020 at 10:57 AM by Fred Guina

Several widgets come with WooCommerce that help you display products in a multitude of ways in your themes widgetized areas.

Note: You can now access and use most of the widgets listed below via the WooCommerce Blocks plugin – or in the latest version of WooCommerce itself. They are now accessible as Gutenberg blocks – enabling you to add them to any page!

Included Widgets

  • Active Product Filters – Display a list of active filters.
  • Cart
  • Filter Products by Attribute – Display a list of attributes to filter products in your store.
  • Filter Products by Price – Display a slider to filter products in your store by price.
  • Filter Products by Rating – Display a list of star ratings to filter products in your store.
  • Product Categories – A list or dropdown of product categories.
  • Products – A list of your store’s products.
  • Products by Rating – A list of your store’s top-rated products.
  • Product Search – A search form for your store.
  • Product Tag Cloud – A cloud of your most used product tags.
  • Recent Product Reviews – Display a list of recent reviews from your store.
  • Recent Viewed Products – Display a list of a customer’s recently viewed products.

Location

Depending on your theme and the widget selected, you may see options on where it can be placed. In the example, we’re using the Storefront theme and the Products widget; your options may differ.

Select a location, and then Add Widget.

Highlighted Widgets

Products

With the Products widget, you can display your products ordered by date, price, sales or randomly. Additionally, you can display products from all of your products, only featured products or only products on sale.

You can set a title for the widget, number of products to show, and reorder them.

Examples:

  • To show most recent products, use All Products, Order by Date, and Order DESC.
  • To show 10 random featured products, set Number of products to show for 10, then use Featured Products, and then order by Random. 

Filter Products by Price

The Filter Products by Price widget allows customers to refine products by price by dragging the sliders within the widget to create a price range based on the products displayed on the page.

To use the widget, drag it to a widget area as you would any other widget. It automatically detects the minimum and maximum prices on the current page to populate the slider.

This widget will only appear on shop, tag, category, etc… pages.

WooCommerce Price Filter Widget

Filter Products by Attribute

Filter Products by Attribute is a powerful widget that let’s users drill-down through your catalog of products via attributes, effectively helping them find what they’re looking for quickly.

This widget will only appear on shop, tag, category, etc… pages.

WooCommerce Layered Nav Widget

Add the widget to your widgetized area.

Then choose an attribute to filter by and whether you want users to filter by “AND” or “OR” query types.

  • AND – If a user selects two attributes, only products which match both attributes will be returned
  • OR – If a user selects two attributes, products which match either attribute will be returned

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article