Black Friday Super Sale 2024 is Coming Soon

WIN AN iPAD, LIFETIME MEMBERSHIP
×

Search Divi Plus Documentation

Search for answers or browse our knowledge base.

All Topics
Print

Woo Products Categories

Divi-woo-commerce-module

How to add module on page

Once Divi Plus is activated, it adds several modules to the Divi builder. To add a module on the page, use the following steps:

  1. Create/Edit a Page/Post that uses Divi builder.
  2. Create/Edit a row.
  3. Click on Add New Module option; choose the DP Woo Products Categories.

Content

Content

Select the layout to display categories: Go to the Content setting >> Content >> Layout >>  select any one from the available options that are Layout 1 & Layout 2

Select categories: Go to the Content setting >> Content >> Include Categories >> checkmark the categories you want to display. If no category is selected, all categories will be displayed.

divi-woo-commerce-product-category

Order by and Order: In this option you can set the order in which the categories will be displayed and with the option Order you can specify the sorting order of categories.

divi-woocommerce-module-category-sorting-order

Display

Number Of Columns: This is where you can select the number of columns to display categories.

Enable Masonry: By enabling this option you can display categories in the masonry view.

Show Thumbnail: Set as Yes if you want to visible product thumbnail.

Show Product Count: Enable this to show product count.

divi-woo-commerce-category

Background

Category Content Background: Here you can set the background style for the category text.

Design Options

Title: Here you can adjust all the styling options for the title such as Heading Level, font, font-weight, style, text alignment, color, spacing, height, and text shadow.

Product Count: Same as the title in this setting you will get lots of customization options for product count.

woo-commerce-module-for-divi-design-opions

Table of Contents