• Documentation Search

Woo Categories Module For Divi & WooCommerce

  1. Home
  2. Docs
  3. Woo Categories Module For Divi & WooCommerce

Woo Categories Module For Divi & WooCommerce

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.

Install the plugin

  1. After you purchase hte plugin, we will send you 2 emails, one of them will contain the plugin zip file and the license key.
  2. Go to your admin dashboard > Plugins > Add New > Upload Plugin
  3. When you activate the plugin, a box will open asking for the license key, just add the one that arrived to your inbox.
  4. The module will appear in the modules list in Divi builder.
Woo Categories Module For Divi & WooCommerce 1

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.

Divi Library

2- Click on “Import & Export” at the top of the page.

Import & export

3- The portability pop-up will open, click on the Import tab.

Divi portability module

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


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.