Black Friday Super Sale 2024 is Coming Soon

WIN AN iPAD, LIFETIME MEMBERSHIP
×

Search for Divi WooCommerce Layouts Documentation

Search for answers or browse our knowledge base.

< All Topics
Print

Sections

WooCommerce Sections

Steps to import the Divi library layouts

Note: Divi Builder Layouts (WooCommerce Section) added in version 2.6

  • Extract the main product file divi-layouts-for-woocommerce.zip to get the Sections.json file
  • Then on WordPress Dashboard go to Divi >> Divi Library.
  • Click on Import and Export tab.
  • On the pop-up window go to the Import tab and browse the “SECTIONS.json” file from your computer and click on the Import Divi Builder Layouts button.
Woo divi library layouts

How to add woosections on page from library

To add the WooSections on the page from the Divi Library follow the instructions described below.

Add a new page or edit the existing page >> Use the Divi Builder >> In wireframe mode of the page click on blue symbol for adding the new section.

Click on Add From Library.
Here you can select the section you desired.
Here you can view the live demo and edit the section as well as your requirement.

Final Output: