YOOtheme Pro

YOOtheme Pro Web Page Builder

The YOOtheme professional page builder lets you build and design your site aesthetically, and never have to compose any rule.

Generate page layouts from an accumulation of ready-to-use elements with fixed and powerful content. a design always is composed of parts, grids and content elements that could be added and arranged with drag and fall. The design collection provides a lot more than 100 pre-built web web page layouts you can use as being a starting place.

Start the Web Web Web Page Builder

The YOOtheme Pro web page builder can be obtained for several articles. Create an empty article in Joomla and designate it ideally to your primary menu.

There are two main how to start the page builder. A person is through starting YOOtheme Pro. Browse to your article that is empty the preview in the right and start the Builder panel of YOOtheme Pro. Starting it on certainly not articles that are uncategorized cause the mistake message The Page Builder just isn’t available with this web page.

You could start the Page Builder by modifying a write-up 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 web Page Builder without use of other theme settings of YOOtheme professional.

Create Page Layouts

The New Layout button to create a new page layout from scratch click. After that you can begin adding 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 change the design, sticky Save web web Page and Cancel buttons appear at the very top right corner. If you cancel or leave the page builder, all design changes considering that the last saving is discarded. Preserving will simply conserve the design associated with the web page rather than the theme settings.

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

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

The Layout Structure

The YOOtheme professional website builder hosting page builder organizes content as well as its containers in four different kinds.

Name definition
web 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 blocks. They have one or rows that are multiple.
Row Rows organize content in a single or numerous columns. The columns have one or numerous elements.
Element Elements retain the real content. There are many than 30 several types of elements available.

Handling the design

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

Action explanation
Add Click the plus symbol to include a new part, 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 an area, line or element.
Save in Library Click the icon that is arrow-up conserve a part 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, element or row by dragging and dropping it. The move cursor suggests that the element could be dragged.

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

New rows could be developed by pressing the Add key that appears within the reduced corner that is right hovering the row. The other action buttons come in the top of right part.

New elements may be produced by pressing the Add key that seems in bottom-center when hovering the element. One other action buttons come in top of the right part.

Multilingual 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.