Documentation

Divi 5 Layout Pack Documentation

Welcome to the official documentation for the Divi 5 Layout Pack. Follow the steps below to successfully download, install, and utilize your newly purchased layout pack.

 

Step 1: Downloading Your Purchase

  1. Complete Your Purchase: After completing your purchase, click the “Download Product” button.
  2. Alternative Access: You can also log into your account and download the product from there.

 

Important Reminder: Ensure you are using Divi Theme Version 5. This theme is currently in the alpha phase. Note that this layout pack will not work on Divi 4 or older versions.

Step 2: Preparing the Files

  1. Extract the Zip File: Once downloaded, extract the zip file.
  2. Locate the Folders: Inside, you’ll find multiple folders each containing JSON files.
    • Each folder represents a group of 10 layouts, with individual JSON files for each layout and a combined JSON file for all 10 layouts.
    • Example: A folder named “Hero Section 1 to 10” includes files like hero section 01.json, hero section 02.json, up to hero section 10.json, and a combined file hero section 1to10.json.

Step 3: Importing Layouts into Divi

  1. Open WordPress Dashboard: Navigate to your WordPress Dashboard.
  2. Go to Divi Library: Click on Admin >> Divi >> Divi Library.
  3. Import Layouts:
    • Click on the Import and Export tab.
    • In the popup window, select the Import tab.
    • Browse your computer to find the JSON file you want to import (e.g., Hero Sections 1.json).
    • Click the Import Divi Builder Layouts button.
    • Important: Do not upload the product zip file directly; extract it first before importing.

Important Reminder: Currently There is bug in divi 5 which does not show preview image of the layouts. This is been informed and will be fixed on upcomming divi 5 updates. to preview the layout you can visit this link ” https://divi.elathi.xyz/project ” which showcased every single layouts.

Step 4: Using the Layouts

  1. Access the Imported Layouts:
    • Once imported, the layouts will be available in your Divi Library.
  2. Add Layouts to a Page:
    • While in the Divi Page Builder, click to add a new section.
    • A popup will appear with options: New Section and Add From Library.
    • Choose Add From Library to use the pre-built hero section.
  3. Customize Your Layout:
    • Select the desired layout from those you’ve imported.
    • Customize the layout by adjusting colors and styles to match your brand preferences.

By following these detailed steps, you’ll be able to seamlessly integrate and utilize your Divi 5 layout pack. Enjoy enhancing your web design projects!