The YOOtheme professional web page builder lets you build and design your site aesthetically, and never having to write any rule.

Generate web page layouts from an accumulation of ready-to-use elements with static and content that is dynamic. a layout constantly consist of parts, grids and elements that are content may be added and arranged with drag and fall. The layout collection provides significantly more than 100 pre-built web web page site builders reviewer website layouts you can use as being a point that is starting.

Start the Web Web Page Builder

The YOOtheme Pro web page builder is present for several articles. Generate an empty article in Joomla and designate it ideally into the menu that is main.

There’s two techniques to open the web web web page builder. One is through starting YOOtheme Pro. Browse towards the empty article in the preview regarding the right and start the Builder panel of YOOtheme Pro. Starting it on anything but articles that are uncategorized resulted in mistake message The Page Builder just isn’t available with this web web page.

You could start the Page Builder by editing a write-up in Joomla and then click the Page Builder switch. This also works well with the Joomla front-end modifying.

Note consumer records with restricted permissions can simply open the YOOtheme Pro web Page Builder without usage of other theme settings of YOOtheme professional.

Create Web Web Page Layouts

To produce a fresh web page design from scratch click on the New Layout switch. After that you can begin including new sections and elements to your design.

To import a current design through the library, click on the Library switch, that may open the Layout Library.

Each time you replace the design, sticky Save web web web Page and Cancel buttons appear towards the top right corner. All layout changes since the last saving will be discarded if you cancel or leave the page builder. Preserving will simply save yourself the design regarding the web page and never the theme settings.

Considering that the design is conserved straight within the article, Joomla versioning is supported from the package. Every time a article is conserved, a new modification is created immediately.

Open the article’s Versions dialog in Joomla to list all revisions associated with article that is current.

The Layout Framework

The YOOtheme professional web web page builder organizes content and its own containers in four different kinds.

Name definition
web web web Page The web page it self may be the root possesses one or numerous parts.
area parts team content in bigger artistic obstructs. They have one or numerous rows.
Row Rows organize content in a single or numerous columns. The columns have one or elements that are multiple.
Element Elements retain the content that is actual. There are many more than 30 different sorts of elements available.

Managing the design

Parts, rows and elements may be added, modified, deleted and copied straight into the builder. Parts and elements can furthermore be saved in the design Library for later on usage. These action buttons are presented close to their associated element only if hovering it.

Action explanation
Add Click the plus symbol to incorporate a brand new area, line or element.
Edit click on the pencil icon to modify parts and rows. Go through the element it self to modify it.
Copy click on the content symbol to replicate a part, element or row.
Save in Library Click the arrow-up symbol to save your self an area or element along with its settings when you look at the design or Element Library.
Delete click on the trash symbol to delete a part, element or row.
type Reorder a section, row or element by dragging and dropping it. The move cursor suggests that the element is dragged.

Brand brand New parts may be produced by pressing the Add key that appears within the lower kept corner whenever hovering the area. One other action buttons appear right next to the area title.

New rows may be produced by pressing the Add key that seems into the reduced right part when hovering the line. One other action buttons can be found in top of the right part.

Brand New elements could be developed by pressing the Add switch that seems in bottom-center whenever hovering the element. One other action buttons can be found in the top of right corner.

Multilingual Internet Web Sites

Each language can show different content and even use another layout since multilingual sites need a separate page per language. Consider the sites that are multilingual.