How to Use WooCommerce Categories Widget

How to Use WooCommerce Categories Widget

For showcasing products categorically, you can face some issues. If you read the whole doc, you’ll be able to know all about the widget, WooCommerce Categories.

To Insert Widget

Inserting widget is really fun. Just, drag and drop the widget into the section. See the image example above.


Normally, from this section, you’ll be able to determine the Columns number, adjust the Item Gap and Categories Count as well. Simply, go to the Content tab > Layout. Look at the photo above.


This section works for setting the source location of data that you need to display by the reference like Author, Categories, Tags, and Formats. The references can be different in accordance with the source location. Read more 

For example,

A.  Go to Source > Select ( Manual Selection / By Parent) 

B. Then, write Categories (seen in the image) name in the field of its own.

C. Here, the most important thing is Hide Empty switcher button. If your any product is sold out, you’ll be able to hide the product easily. Just, you need to enable the button.

D. Order By and Order controls are here to arrange the data you want to display through Name, Description, Slug, and the Count as well with ascending or descending order.

Style Tab

Now, let’s work with Style Tab. The tab will easily have you style the web content (text, image, video, etc.) of the page you require to design. 

Styling with the tab in Elementor will always give you a fantastic experience.

Let’s have a look.


In this section, in terms of the modes, Normal and Hover, you can add Background color, Border type, and adjust Padding and Border Radius. Also, you can go for the Box Shadow.

Look at the image middle of the screenshot above, you’ll discover the effect of Hover mode. Just, you should hit on the mode.


Look at the Image section. This section will let you set a border in a different style (Solid, Double, Dotted, etc. ) and radius to the images. You can do all these things both in Normal and Hover mode. Take a look at the screenshot above.


This last section will let you add ColorHover ColorActive ColorMargin, Padding, Alignment, and Typography to the Title.

Video Assist

To sum up, if you think the doc is not enough on the topic of using WooCommerce Categories widget by Element Pack, you are in luck because we made a video placed above and demo page about it here.

About Selim Rana

Selim Rana is the Founder of BdThemes - the company behind Element Pack Pro! He is a Software Engineer passionate about WordPress and Elementor.

Copyright © 2022 BdThemes. All Rights Reserved.