Search for Divi WooCommerce Layouts Documentation
Search for answers or browse our knowledge base.
Shop
Steps to Import the Shop Layout
To import all the shop layouts at once
- Extract the main product file divi-layouts-for-woocommerce.zip to get the Shop.json file.
- Import the file into the Divi Theme Builder.
- To do this move to your site Dashboard >> Divi >> Theme Builder.
- Click on the Portability Icon, placed on the top right side of the window.
![](https://diviextended.com/documentation/wp-content/uploads/2022/11/product-layout-import-process-in-divi-theme-builder-1-1024x393.webp)
6.Go to Import tab >> Choose File and browse for the SHOP.JSON
![](https://diviextended.com/documentation/wp-content/uploads/2022/11/shop-layouts-import-process--1024x448.webp)
7. Click on Import Divi Theme Builder Templates.
Now you have all the shop layouts in your Divi Theme Builder.
![](https://diviextended.com/documentation/wp-content/uploads/2022/09/import-shop-layouts-1024x599.png)
To import the specific shop layout
If you want to import a specific shop layout then move to the shop file that you have in supplementary-files.zip and choose the specific shop layout’s JSON file to import in the Divi Theme Builder and follow the same process as above.
![](https://diviextended.com/documentation/wp-content/uploads/2022/11/shop-layouts-in-divi-layouts-for-woocommerce.webp)
Layout Assignment
To assign a Shop Page Layout move to one of the shop page layouts and click on the Setting icon of the template, assign that to Shop pages, and save changes.
![](https://diviextended.com/documentation/wp-content/uploads/2022/10/image-9.png)
![](https://diviextended.com/documentation/wp-content/uploads/2022/10/shop-layout-assignment-1024x719.webp)