Paquet – Divi 4 Layout Pack Documentation

easy instructions to get you started

Download

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

File Structure

The name of the layout file is paquet-divi-4-layout-pack-1.2.zip. The version of the file could be different depending upon the current version you’ve downloaded.

 The zip file contains the subsequent files and folders,

  1. blogy-divi-blog-layout-pack.zip (contains all the blog page layouts for the Divi Theme Builder)
  2. grace-divi-post-layout-pack.zip (contains all the post templates for the Theme Builder)
  3. divi-layouts-for-woocommerce.zip (contains product page layouts and templates for Divi 3 and 4)
  4. scout-divi-search-page-layouts.zip (contains Theme Builder templates for search results page)
  5. headers (folder containing header layouts)
  6. footers (folder containing footer layouts)
  7. changelog.txt
  8. license.md
  9. readme.md 

Installation

  1. Extract the zip file you’ve downloaded to get the layout files and folders containing them.
  2. Follow separate installation instructions for respective layouts.

Headers

How to import header layouts

1. Go to Divi Library >> Import & Export >> choose “All Headers Layouts.json” file from Headers’ folder.

2. Or for importing a single header layout, choose any available json file available in the folder.

How to use Header Layouts

1. Go to Theme Builder >> Add New Template >> Choose where you want to display custom header layout >> click the Create Template.

2. Then, Add Custom Header >> Add From Library >> Your Saved Layouts >> choose your desired imported header layout.

Footers

How to import footer layouts

1. Go to Divi Library >> Import & Export >> choose “All Footers Layouts.json” file from Footers’ folder.

2. Or for importing a single footer layout, choose any available json file available in the folder.

How to use Footer Layouts

1. Go to Theme Builder >> Add New Template >> Choose where you want to display custom footer layout >> click the Create Template.

2. Then Add Custom Footer >> Add From Library >> Your Saved Layouts >> choose your desired imported Footer layout.

WooCommerce

How to import WooCommerce product page templates

1. Go to Divi Library >> Import & Export >> choose “Divi-Theme-Builder-Templates.json” file from the product-page-templates folder that you’ve extracted from divi-layouts-for-woocommerce.zip.

2. Or for importing a single WooCommerce layout, choose any available json file available in the folder.

How to use WooCommerce Product Page templates

1. Go to Theme Builder >> Add New Template >> All Products, or for a specific product, choose “Specific Products” option >> click the Create Template.

2. Then Add Custom Body >> Add From Library >> Your Saved Layouts>> choose your desired imported WooCommerce layout.

How to use WooCommerce Product Page layouts
  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.

Blog Page

Method 1:
Steps to import all layouts at once using Theme Builder import file-
  1. Go to Divi >> Theme Builder >> Import & Export >> Import >> Choose File, and browse for the Divi-Theme-Builder-Templates.json.  Select the Options on the screen as required. You don’t need to check the Override the Default Website Template.
  2. After selecting the file, click Import Divi Builder Layout.
  3. Then, click Save Changes on the main Divi Theme Builder page.
  4. This will import all the layouts to the Divi Theme Builder.
Steps to import individual layout using Theme Builder import file-
  1. Follow all steps 1-7 from above. However on step 4, don’t import the Divi-Theme-Builder-Templates.json. Instead browse the respective directory for the layout and upload the Divi-Theme-Builder-Templates.json file.
Method 2:
Import the layouts individually on a page, post or anywhere using Divi Builder or while editing the body of a template in Divi Builder.
  1. Navigate to the layout directory. There are 2 files available in each directory. One for the Divi Template Layout and one for the Divi Library Layout.
  2. Import the Divi Builder Layout.json file to a page by dragging the file to it or using the portability icon.

Post Layout

Steps to import the layout to Divi Theme Builder
  1. Go to Divi Menu >> Theme Builder >> Portability icon >> Import.
  2. Now, click on the Choose File option, and browse grace-divi-post-layout-pack folder you’ve extracted earlier. And choose a layout file for example, classic-post-layout.json or stellar-post-layout.json. 
  3. After selecting the layout, click Import Divi Builder Layout.
  4. Then, click Save Changes on the main Divi Theme Builder page.

In order to import all layouts at once, choose Divi-Theme-Builder-Templates.json file instead of individual layouts in step 2 above. This will add all layouts to the Divi builder and you can activate them once you like for your posts.

Search Results Page

Method 1:
Steps to Import All Layouts at Once Using Theme Builder Import File-
  1.  Go to Divi >> Theme Builder >> Portability icon >> Import tab.
  2. Now, click on the Choose File option, and browse for the Divi-Theme-Builder-Templates that you’ve extracted from the scout-divi-search-page-layouts.zip. You don’t need to check the Override the Default Website Template.
  3. After selecting the file, click Import Divi Builder Layout.
  4. Then, click Save Changes on the main Divi Theme Builder page.
  5. This will import all the layouts to the Divi Theme Bulider. Select the one you want to apply to your search result page and assign it.
  6. Edit the template to replace any text or number of posts you want.
Method 2:
Import the Layouts Individually While Editing the Body of Search Results Page Template in Divi Theme Builder
  1. Extract the scout-divi-search-page-layouts.zip file to get available layout files.
  2. The name of files represents individual layouts. Edit the body of the search result template and import the individual layouts you want.