The Woo Categories plugin adds an advanced categories module to the Divi builder. With the Woo Categories module, you will be able to display the product categories on any page with a few clicks.
The module has many customization options, which will make it a unique addition to your WooCommerce store.
The Woo Categories module is 100% compatible with the visual builder and the theme builder templates.
PS: for the plugin to work, you need to have Divi theme and WooCommerce installed. You can also use the Divi Builder plugin or Extra theme.
If you don’t have Divi, you can get it from here.
Table of Contents
Install the plugin
- After you purchase hte plugin, we will send you 2 emails, one of them will contain the plugin zip file and the license key.
- Go to your admin dashboard > Plugins > Add New > Upload Plugin
- When you activate the plugin, a box will open asking for the license key, just add the one that arrived to your inbox.
- The module will appear in the modules list in Divi builder.
Download the demos
To get started quickly with the plugin, you can download all the demos on the demos page here by clicking the download button on the very top.
To import the demos, follow these simple steps:
After you download the layout, unzip the file. You will get the layout .json file.
1- Go to your admin dashboard -> Divi -> Divi Library.
2- Click on “Import & Export” at the top of the page.
3- The portability pop-up will open, click on the Import tab.
4- Choose the layout.json file.
5- Click the “Import Divi Builder Layouts” button.
Wait a few seconds and the layout will be imported and the page will reload and now you can see your layout in Divi Library.
Now, let’s explore the module’s options…
Categories Settings
Module Title
Add a custom title above the categories. The title will only be displayed if there are any categories. If no categories exist, the title will not be displayed.
Which Categories to Display
Select which categories to display. The available options are:
- All categories.
- Specific categories: when you select this, you will get a list of all categories to choose from.
- Subcategories of the current category: this is really useful if you use it in the categories template in the theme builder. The module will display the subcategories of the currently viewed category dynamically.
Columns Number
Choose how many columns to display. You have the option to select from 1 column to 6 columns.
Order By
Select how you want to order the categories. The available options are:
- Category Name
- Category ID
- Category Slug
- Menu Order
Order
States whether the category order is ascending or descending.
Hide Empty
Hide categories that have no products.
Hide Subcategories
Show top-level categories only.
Category Elements
Show Category Image
Show/hide the category image. This image is set for each category individually.
Tip: To add the images, go to your admin dashboard > Products > Categories > Click on the category name > Thumbnail.
Show Products Count
Next to the name of the category, show or hide the number of products under this category.
Show Category Description
Show the category description under the title.
View Products Button
Add a button that takes the user to the category page.
Button Text
View products button text.
Design Options
Now, let’s look at the design tab of the module.
The module has all Divi’s regular design options like sizing, padding, margin, animation, filters, conditions, and so on.
Also, you have full control of the design of text like the category title, description, view products button…
Below are the extra options for our module.
Category Image Position
Select the category image position. You have options:
- Top
- Left
- Right
- Background: here, the category image will be used as a background for the category.
Count Background
Set a background color for the products count.
Category Background
Set a background color for individual categories.
Category Padding
Add space inside each category.