...

Where pagebuilder is usable , a button reading edit with page builder will appear.

...

Layout

Rows

All pages need rows and columns. You must first add a row, you can add seperate rows to separate the content in the page builder. The rows will normally adjust to the height o the largest object, but you can change this in the settings. If you hover your mouse at the the column, the options tab appears. Here you can delete the row, duplicate it ,move it by clicking the icon on the left and dragging it, or adjust the settings. In the settings you can change the height, background image and colour, apply classes and other settings.

Columns

To add columns, drag them into the row. from the side bar. The columns object splits the row into a “grid” .

If the grid is grid size 12, the row is split in 12 segments. The columns cannot contain part of a segment, the columns can be the size of 1 segment, 3 segments ect. If you need smaller columns, you can adjust the gride grid size by clicking on the left hand side of the column.

Tabs

Tabs create tabbed content that you can switch between . You can add a new tab by going to the item options on the page and clicking the plus.

Elements

Text

Text elements let you add text to the page builder. Text can have headings, links, colours, widgets, images and site variables.

Heading

A heading is stand alone large text that can be set to different heading sizes.

Buttons

Buttons are clickable items that you can add text to, they have several different styles and can link to various things in the site. To add a link go to settings on the button and change the button link section. You can link to a url , or directly link to a product, category or page.

Divider

A divider is a line that spans the whole item it’s put into. It’s generally used for separating content.