Now, let’s talk about archive layouts, Categories and Tags and how to use Divi Builder to build them with our custom modules.


Set the default archive layouts

You probably have a lot of product categories and tags, don’t worry, you don’t have to build a layout for each one of them. You can build one layout and make it the default for all of them at once.

Build a layout in Divi Library or under Wc Builder -> Archive Builder, after that, go to Wc Builder -> Shop & Archive tab and select that layout for categories and tags.


Override the default layout for individual categories/tags.

Now, all your product categories and tags are using the default layout you set above, what if you want for a specific category to have a different one? This can be done using the Archive Builder.

Go to Wc Builder -> Archive Builder -> Add New.

Before you start building, remember, you must know how to use Divi Builder, read more here if you are new to Divi.


As the screenshot above shows, select the categories and tags you want to use this layout. Now, when you open any of the selected categories or tags in the front-end, it will be using this layout and will override the default one you set on the plugin settings page.


Basic elements to add to your archive layout:

1- Woo Page title module.

This module will display the archive title. You don’t have to use this module, you can use a text module and add a custom title to your page.

2- Woo Breadcrumb module.

The breadcrumb module indicates the current page’s location, usually, it’ll be something like that “Home / Category Name”, this module is not required.

3- Woo Notices module.

This is a very important module to add to every WooCommerce layout you build using the WooCommerce Builder plugin. This module displays a variety of messages from WooCommerce like when a product is added to the cart or there is no enough stock of a specific product and so on.

You can place this module anywhere you want but it is recommended to add it to the top of the layout so it’s very obvious for your clients.

4- Woo Archive Products module.

The most important part of this archive layout is the products list! This Woo Archive module will take care of displaying the current archive products with sorting options, pagination,  columns number and more.

5- Woo Products Search module.

This is a pretty nice addition to the plugin in version 2.1, this module adds a search box to your page to search products, it’s very helpful if you have tons of products and want to make it easy for your clients to get what they want. It is not required to use this module but it is a nice feature to have.