Predefined Sections

Start with Predefined Sections

LoftBuilder provides 12 predefined sections. They are not templates – They are combinations of features and layouts, with preset design and sample content.

You can add any of them to any page, then edit content, layouts and styles as you want, replace the sample text and media files with your own content.

  1. On the LoftBuilder editor screen, activate the edit mode.
  2. Click on Predefined Section button in the main toolbar to open the sub panel.
  3. Click to select one or several, and click on Select & Add button. The selected sections will be added to the end of the page.

predefined-sections

Predefined sections added on your page may look different from the preview in the sub panel: the font family, font size, colors and something else. Your site’s look is controlled by the WordPress theme you are using. And some styles may be overwritten by the theme.

Custom Predefined Section

Create a custom predefined section

When you create a section with layout and content in it, and then you can save it as a custom predefined section and reuse it later.

Hover on the section toolbar, you will see the “Save as predefined section” button. Click on it.

custom-ps-1

In the pop-up panel, you can give it a name, and also upload an image or a screenshot of it. Then click on the “Apply/Save” button.

custom-ps-2

Open the Predefined Section panel, you will see the section you just saved in the end of the list. Now you can select and reuse it on other pages.

custom-ps-3

Remove an existing custom predefined section

In the Predefined Section panel, you will also find there is a small “x” button on the top right corner of each custom predefined section. Click on it if you’d like to remove the predefined section.

Update some content/layout/style of an existing custom predefined section
  1. Open the Predefined Section panel, find the one you’d like to update, select and add it to the page.
  2. Change anything in it, and hover on the section toolbar.
  3. You will find there is a new “Quick Save” button. Click on it.
  4. Done. All changes will be saved into the predefined section library. Now you can remove the section from the page.

custom-ps-4

Please note: the “Quick Save” button only appears when the section is a saved custom predefined section.

Update content/layout/style AND section name/screenshot of an existing custom predefined section
  1. Open the Predefined Section panel, find the one you’d like to update, select and add it to the page.
  2. Change anything in it, and hover on the section toolbar.
  3. Click on the “Save as predefined section” button to pop up the setting panel.
  4. Change the section name, or upload a new screenshot.
  5. Done. It will create a new predefined section with updated layout/content/section name/screenshot. You can remove the old one if you like.

And if you want to create another custom predefined section based on an existing one, just follow the same steps as above.

Photos used in Predefined Sections

The photos used in Predefined Sections are from Unsplash.

And you can also find them in the plugin folder: assets > img > predefined.