Sections

In this article, we have explained about how to Add, Edit, Delete, Duplicate and Rearrange a section

Sam avatar
Written by Sam
Updated over a week ago

Your pages basically comprise a set of Sections that hold the Row, Column and Modules within it.

In this article, you will find the details about how to Add, Edit, Delete, Duplicate, and Rearrange a Section.

Adding a Section:

There are four methods available to add a new section on the page builder.

Method 1: FROM TREE VIEW

Click on the TREE VIEW icon on the top left side of the builder.


This is what a TREE VIEW looks like. See the screenshot below


Now, Click on the 'ADD SECTION' button.


This option will add the new Section as the last section of the Page.

Method 2: FROM CONTEXT MENU


Right-click on any module on the right panel, and click on the 'Add Section' option to add a new Section right below the section that you are working on.


Method 3: USING THE “+” ICON IN RIGHT PANEL


Hover over the bottom or top of any existing section and you will see a ‘+’ icon that pops up.


The popup will show two options:

  • Add Section

  • Add Row


Click on 'Add Section' and a new section will be added.

Method 4: FROM THE RIGHT PANEL

In the Right panel, you can see a Blank section option with a + sign. Clicking on this will add a new section at the bottom of the Section that you are working on.

Editing a Section:

There are four methods for editing a section.

Method 1: USING RIGHT PANEL

To edit an existing Section, simply click on the Section in the Right Panel. The List of settings will be automatically displayed on the Left Panel.

Please view the video attached below on how to open the settings of the section using the Right Panel

Method 2: FROM TREE VIEW

Click on the TREE VIEW icon on the top left side of the builder.


Double-click on the Section from the Tree View to open up the settings of that particular section.


Useful Tip: When you click a section on the TREE VIEW once, the particular section will scroll to your view on the right panel.

Here is how it is done. Please see the video below

Method 3: FROM CONTEXT MENU

Right-click on any module on the right panel to open up the CONTEXT MENU.

Select the 'Edit' option in the CONTEXT MENU to open up the settings of the section where you right-clicked.

Method 4: FROM OBSERVER BAR

When you click on any module on the right panel, an OBSERVER BAR opens up.


Use the OBSERVER BAR to navigate to that respective section and open up the settings of that respective section.

Here is a video of how you can do this. Please see the video below

Deleting a Section:

Method 1: FROM TREE VIEW


Click on the menu icon in the Section Panel to delete any section.


Method 2: FROM CONTEXT MENU


Right-click on an existing Section to open up the CONTEXT MENU.

Use the 'Delete' option in the Context Menu to delete that particular Section where you right-clicked.


Method 3: USING OBSERVER BAR


When you click on any module on the right panel, an observer bar opens up.


Navigate to that particular section using the observer bar and delete the section using the "delete" icon on the observer bar at the section level.

Here is a video of how you can do this. Please see the video below

Duplicating a Section

Method 1: FROM TREE VIEW

Click on the menu icon in the Section Panel to duplicate any section.

Method 2: FROM CONTEXT MENU
Right-click on an existing Section and open up the CONTEXT MENU.

Then, select the Duplicate option in the Context Menu to duplicate the Section.

Method 3: USING THE OBSERVER BAR

When you click on any module on the right panel, an observer bar opens up.


Navigate to that particular section using the observer bar and duplicate that section using the "DUPLICATE" icon on the observer bar at the section level.


Rearranging a Section:

Click on the TREE VIEW icon on the top left side of the builder.


To rearrange a Section, navigate to the Tree View in the Left Panel.

Drag the Section and Drop it at the desired location.

The right panel will automatically adjust to the new location of the section.







Did this answer your question?