How to configure the Layout for your Page Builder

Selecting a Page Builder Layout

The Page Builder allows you to customise your page layout, with the layout automatically adjusting based on the selected template. Here are the available layout options:

1. Default Layout

   • Includes: Header, Body, and Footer.
   • Suitable for basic pages without additional navigation or columns.

2. Left Navigation Layout

   • Includes: Header, Body, Footer, and a Left Navigation panel.
   • Ideal for pages requiring a navigation menu on the left.

3. Right Navigation Layout

   • Includes: Header, Body, Footer, and a Right Navigation panel.

4. Two Column Layout

   • Includes: Left Column and Right Column of equal width.
   • Use this layout to display content side-by-side with equal emphasis.

5. Two Column Layout – 60/40

   • Includes: Header, Footer, Left Column and Right Column, with the left side occupying 60% of the width and the right side 40%.
   • Best suited for pages requiring a larger primary content area alongside secondary content, like a checkout and a cart.

Template-Specific Layouts

When you change the template of a page in the Config section, the relevant layout for that template will automatically be applied in the Page Builder. This ensures consistency between the chosen template and its intended layout design.

Where to Configure Layouts

To configure the default layout for a specific template:

1. Navigate to Config > Page Templates > select a Page template > go to Layout tab.
2. Select the appropriate layout for the template.