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
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.
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 Color, Hover Color, Active Color, Margin, Padding, Alignment, and Typography to the Title.