🧩Use the Layouts

Use The Home Page Layouts

After importing the layouts into your Divi Library, you can easily set up your home page using one of the included designs for Home Layouts

1. Navigate to Pages → Add New or open your existing Home page for editing.

2. Click Use Divi Builder to enable the visual editor.

3. For a new page, click Browse Layouts.

For an existing page, click the “+” icon and select Saved Layouts.

1. Open the Your Saved Layouts tab and choose the WooLayout Home Page design you’d like to use.

1. Click Use This Layout to add it to your page.

2. Customize as needed, then Save & Publish your page to make it live.

---

Use The Shop, Product, Cart, Checkout Layouts

After importing the WooCommerce layouts into your Divi Library, you can assign them easily using the Divi Theme Builder. Follow these steps:

1. In your WordPress dashboard, go to Divi → Theme Builder.

1. Click Add New Template → Build New Template.

2. Assign the template to the page type you want — for example:

   • All Products for your product layout

   • Shop Page for your shop layout

   • Cart Page for your cart layout

   • Checkout Page for your checkout layout

1. Under the template, click Add Custom Body → Add From Library.

2. Choose the layout you want from the Your Saved Layouts tab and click Use This Layout.

1. Once done, click Save Changes in the Theme Builder.

Now all your assigned WooCommerce pages will automatically show the new designs.