YOOtheme Pro

YOOtheme Pro Page Builder

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

Generate web web web page layouts from an accumulation of ready-to-use elements with fixed and content that is dynamic. a design constantly is composed of parts, grids and elements that are content may be added and arranged with drag and fall. The design library provides a lot more than 100 pre-built web web page layouts you can use being a point that is starting.

Start the Web Web Page Builder

The YOOtheme professional web web web page builder can be obtained for several articles. Generate an empty article in Joomla and assign it ideally to your menu that is main.

There are two main methods to start the web web page builder. A person is by starting YOOtheme Pro. Browse to your https://www.sitebuilderadvice.net article that is empty the preview from the right and start the Builder panel of YOOtheme Pro. Starting it on certainly not articles that are uncategorized resulted in mistake message The Page Builder just isn’t available with this web page.

It is possible to start the Page Builder by modifying articles in Joomla and then click the web Page Builder switch. This also works well with the Joomla front-end modifying.

Note consumer records with restricted permissions can simply start the YOOtheme Pro web Page Builder without use 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 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 towards the top corner that is right. All layout changes since the last saving will be discarded if you cancel or leave the page builder. Preserving will simply conserve the design for the web page rather than the theme settings.

Considering that the design is conserved straight when you look at the article, Joomla versioning is supported from the field. Every time a article is conserved, a brand new modification is developed immediately.

Start the article’s Versions dialog in Joomla to record all revisions of this present article.

The Layout Framework

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

Name definition
web web Page The web web web page it self could be the root and possesses one or numerous parts.
area parts team content in bigger artistic obstructs. They have one or numerous rows.
Row Rows organize content within one or numerous columns. The columns have one or elements that are multiple.
Element Elements retain the real content. There are many than 30 various kinds of elements available.

Handling the design

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

Action explanation
Add Click the plus symbol to include a brand new part, 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 the content symbol to replicate a part, element or row.
Save in Library Click the icon that is arrow-up save your self an area or element along with its settings into the design or Element Library.
Delete click on the trash symbol to delete a part, element or row.
type Reorder a part, element or row by dragging and dropping it. The move cursor shows that the element could be dragged.

Brand New sections may be produced by pressing the Add switch that seems within the lower left 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 key that seems into the reduced corner that is right hovering the line. The other action buttons come in the top of corner that is right.

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

Multilingual Web Internet Sites

Since multilingual internet sites require an independent web page per language, each language can show various content and also make use of another design. Consider the multilingual internet sites documents.