New layouts will be included in this package

Shop Layout Pack For Divi & WooCommerce

Please read the “What to expect from this product” before purchasing

To view the cart and checkout pages you have to add a product in your basket from one of the product pages.

Home pages

4 layouts

Shop pages

8 layouts

Product pages

8 layouts

Checkout pages

4 layouts

4 layouts

Cart pages

4 layouts

Additional pages

Headers

10 layouts

3 layouts

Footers

Features

Features

Home pages

Home V1

Home V2

Home V3

Home V4

Shop pages

Shop V1

Shop V2

Shop V3

Shop V4

Shop V5

Shop V6

Shop V7

Shop V8

Product pages

Product V1

Product V2

Product V3

Product V4

Product V5

Product V6

Product V7

Product V8

Checkout pages

Checkout V1

Checkout V2

Checkout V3

Checkout V4

Cart pages

Cart page V1

Cart page V2

Cart page V3

Cart page V4

Additional pages

My account page

Wishlist page

Headers & Menus

Header V1

Header V2

Header V3

Header V4

Header V5

Header V6

Header V7

Header V8

Header V9

Header V10 (with mega menu)

Footers

Footer V1

Footer V2

Footer V3

Features

If you’re looking to add more options to your eCommerce website, like additional filters or a wishlist feature, these templates are designed with this functionality in mind.

Note: using these extra features requires the installation of extra plugins and following some extra documentation steps.

Integration with Themify filter (Free version)

The shop filters are incredibly important for an eCommerce site, for that reason these templates are integrated with the free version of Themify filter plugin.

The default filters have limited options. When you click on a default category filter, it redirects you to a new category page. These filters leverage the AJAX feature- loading filter categories on the same page.

Add to cart button from the shop page

By default, the add to cart button on the shop page is disabled for Divi but with a couple of simple steps, you can add one.

To enable the add to cart button on Divi’s shop page, you just have to follow a few easy steps. These templates include styling for this button.

Integration with TI WooCommerce Wishlist (Free version)

You can use the free version of the TI WooCommerce Wishlist Plugin with these templates if you like to add this feature.

These templates support integration with the TI WooCommerce Wishlist Plugin. Feel free to add this feature by using the free version of the plugin.

Integration with WooCommerce Product Tabs (Free version)

Need extra tabs on your product page? With this free plugin you can add as many as you like.

With the free WooCommerce Product Tabs plugin, you can add extra tabs to your product page to show any additional information you want.

Quantity field box styling

DiviWooPro comes with extra styling for the quantity field boxes on the product and cart pages.

By default, the quantity field box doesn’t show arrows to add or remove products unless you hover over the box. DiviWooPro comes with some extra code so that the arrows are visible.

Mega menu for header V10

Header V10 is integrated with Max Mega Menu plugin (free version).

Mega menus are great for eCommerce websites that have many categories and products. For header V10 Max mega menu is integrated.

Note:  While importing the header is simple and fast, setting up Max Mega Menu requires step-by-step configuration.

I will cover this step-by-step in the documentation, but be aware that it will take some time.

What to expect from this product

Below you will find a description of what you can expect from this product.

E

This layout pack is created with Divi and WooCommerce.

E

This layout pack comes with some free plugins for extra features (you can find a description of each free plugin below).

If you have no need for a particular feature you don’t need to install that plugin.

I have step-by-step instructions on how to install each of the plugins.

E
This layout pack comes with some custom CSS code that you have to copy/paste in Divi > Theme Options > CSS.

This is easy to do and explained in the documentation.

E

Setting everything up as in the demo can take some time. I try to explain everything as best as possible in the documentation through steps by step instructions.

But in case you are in a short timeframe this might not be the product for you.

See documentation

Free (optional) plugins

All the plugins below are free versions and optional.

Themify filter

The default filters have limited options. When you click on a default category filter, it redirects you to a new category page. These filters leverage the AJAX feature- loading filter categories on the same page.

Add to cart button on the shop page

To enable the add to cart button on Divi’s shop page, you just have to follow a few easy steps. These templates include styling for this button.

TI WooCommerce Wishlist

These layouts support integration with the TI WooCommerce Wishlist Plugin. Feel free to add this feature by using the free version of the plugin.

Max Mega Menu

For header V10 I have integrated Max Mega Menu for a menu with a mega menu. This is a great plugin but does require some configuration.

FAQ

Is this a one-time purchase?

Yes, this is a one-time fee only.

Can I use this on an existing website?

Yes, you can install these layouts on an existing website.

Will more layouts come out?

Yes, I will be releasing more layouts with each update.

Are the images included?

No, the images are not included and are replaced with image placeholders.

How it works

Step 1: Upload the layouts

After downloading the layout package you upload the layouts into your Divi library.

Step 2: Import a layout in the Theme Builder

In the Theme Builder, you can create a new template and use any of the layouts.

Step 3: Add the code

In Divi > Theme Options > CSS you can add the CSS code that is provided.

Step 4: Install the free plugins

If you like the extra features in the layouts you can install the additional free plugins. The setup of each plugin is explained in the documentation.