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

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

Create web page layouts from an accumulation of ready-to-use elements with fixed and powerful content. a design always consist of sections, 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 web page layouts you can use as being a starting place.

Open the Web Web Page Builder

The YOOtheme professional web page builder can be acquired for several articles. Generate an empty article in Joomla and designate it ideally towards the main menu.

There’s two how to open the web web page builder. A person is by starting YOOtheme Pro. Browse towards the article that is empty the preview from the right and start the Builder panel of YOOtheme Pro. Starting it on certainly not uncategorized articles will resulted in mistake message The Page Builder is certainly not available with this web page.

You may want to start the Page Builder by modifying a write-up in Joomla and then click the web Page Builder switch. And also this works well with the Joomla front-end modifying.

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

Create Web Web Page Layouts

The New Layout button to create a new page layout from scratch click. Then you’re able to begin incorporating brand new parts and elements to your layout.

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

Every time you replace the design, sticky Save 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 because the final preserving is likely to be discarded. Preserving will simply save yourself the design for the web page rather than the theme settings.

Because the design is conserved straight into the article, Joomla versioning is supported out from the package. Every time a article is saved, a brand new modification is produced automatically.

Start the article’s Versions dialog in Joomla to list all revisions regarding the present article.

The Layout Framework

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

Name Description
web web Page The page it self could be the root and possesses one or numerous parts.
area parts team content in bigger blocks that are visual. They contain one or rows that are multiple.
Row Rows organize content in one single or numerous columns. The columns have one or elements that are multiple.
Element Elements retain the content that is see web site actual. There are many than 30 various kinds of elements available.

Handling the design

Parts, rows and elements may be added, modified, deleted and copied straight when you look at the builder. Parts and elements can furthermore be conserved in the design Library for later on usage. These action buttons are exhibited close to their related element only if hovering it.

Action definition
Add Click the plus symbol to incorporate a section that is new line or element.
Edit click on the pencil icon to modify parts and rows. Click 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 conserve a area or element along with its settings into the design or Element Library.
Delete click on the trash symbol to delete an area, element or row.
type Reorder a part, line or element by dragging and dropping it. The move cursor suggests that the element may be dragged.

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

New rows could be developed by pressing the Add switch that seems within the reduced corner that is right hovering the line. The other action buttons can be found in top of the right part.

brand New elements may be produced by pressing the Add switch 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 Sites

Since multilingual internet sites require a different web page per language, each language can show various content and also make use of another layout. Consider the sites that are multilingual.