YOOtheme Pro Web Page Builder

The YOOtheme professional web web page builder lets you build and design your internet site aesthetically, without the need to compose any rule.

Generate web page layouts from an accumulation of ready-to-use elements with fixed and powerful content. a design constantly comprises of parts, grids and elements that are content may be added and arranged with drag and fall. The design collection provides significantly more than 100 pre-built web page layouts you can use as a starting point.

Start the Web Page Builder

The YOOtheme professional web web page builder can be obtained for many articles. Generate an empty article in Joomla and designate it ideally into the menu that is main.

There are two main how to start the web web page builder. A person is by 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 certainly not articles that are uncategorized result in the error message The Page Builder is certainly not available about this web page.

You’ll be able to start the Page Builder by modifying articles in Joomla and then click the web web Page Builder switch. And also this works well with the Joomla front-end modifying.

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

Create Web Web Web Page Layouts

To generate a brand new web page design from scratch click on the New Layout key. Then you’re able to begin incorporating sections that are new elements to your design.

The library button, which will open the Layout Library to import an existing layout from the library, click.

Each time you replace the design, sticky Save web web Page and Cancel buttons look at the very top corner that is right. If you cancel or leave the page builder, all design modifications considering that the final preserving are going to be discarded. Preserving will simply save your self the design associated with the page rather than the theme settings.

Considering that the design is conserved directly into the article, Joomla versioning is supported out from the field. Every time a article is conserved, a brand new modification is developed immediately.

Open the article’s Versions dialog in Joomla to record all revisions of this article that is current.

The Layout Framework

The YOOtheme professional web web page builder organizes content as well as its containers in four types that are different.

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

Handling the design

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

Action definition
Add Click the plus icon to include a section that is new 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 an area, line or element.
Save in Library Click the icon that is arrow-up save yourself a section or element along with its settings within the Layout or Element Library website builder tools org.
Delete click on the trash symbol to delete a part, line or element.
type Reorder a part, element or row by dragging and dropping it. The move cursor suggests that the element may be dragged.

brand New parts could be developed by clicking the Add button that seems within the lower kept corner whenever hovering the part. One other action buttons appear right next to the area title.

New rows could be produced by pressing the Add switch that seems in the reduced corner that is right hovering the line. One other action buttons come in the top of corner that is right.

New elements is developed by pressing the Add key that seems in bottom-center whenever hovering the element. One other action buttons come in top of the corner that is right.

Multilingual Web Internet Web Sites

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