Divi Layouts for WooCommerce Documentation

File structure

A download link is sent in the order confirmation email. The product can also be downloaded from My Account area.

After the purchase of the Divi Layouts for WooCommerce, you’ll get the following zip file. Its version may vary depending upon the current version you’ve purchased.

Divi-layouts-for-woocommerce-1.1.zip. Extract it to get the following files.

  1. product-page-layouts (contains layouts that can be used directly on the product pages)
  2. product-page-templates (contains layouts that can be used in the Divi Theme Builder)
  3. changelog.txt
  4. license.md
  5. Readme.md

Installation

Layouts available with the Divi Layouts for WooCommerce pack, can be used in two ways.

  1. Directly on the product page
    1. Create a new product page/ edit an existing one >> Deploy Divi Page Builder >> click on the Portability Icon >> choose Import
    2. Then, click the NO FILE SELECTED option, and browse the directory on your system containing the product-page-layouts folder extracted from the zip you’ve downloaded.
    3. Choose layout file according to your preference available in the folder >> then click Import Divi Builder Layout
    4. After the import of the layout you’re free to publish/ save as draft your WooCommerce product page. Or customize it even further.
  2. Using the Divi Theme Builder
    1. Go to Divi >> Theme Builder >> Add New Template >> then under Products Tab >> choose All Products (You can also select specific products or products category archive, if you want to customize those WooCommerce areas too.) >> then click on the Create Template
    2. Then Add Custom Body >> Build Custom Body >> Build From Scratch >> click Three Dots at the center bottom of page builder >> click on the Portability Icon >> choose Import
    3. Then, click the NO FILE SELECTED option, and browse the directory on your system containing the product-page-templates folder extracted from the zip you’ve downloaded
    4. Choose layout file according to your preference available in the folder >> then click Import Divi Builder Layout
    5. After the import of the layout >> click Save button >> exit the builder
    6. Save Changes
Divi 4 header footer pack

Fill up your details to download the file

Please check your email for the download link.