YOOtheme Pro

YOOtheme Pro

YOOtheme Pro Web Page Builder

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

Generate web web page layouts from an accumulation of ready-to-use elements with fixed and powerful content. a design constantly comes with parts, grids and content elements that 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 being a starting point.

Start the Web Web Web Page Builder

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

There are 2 techniques to start the page builder. A person is by opening YOOtheme Pro. Browse to your 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 cause the mistake message The Page Builder isn’t available with this web web web page.

You are able to start the Page Builder by modifying a write-up in Joomla and then click the web Page Builder key. 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 usage of other theme settings of YOOtheme professional.

Create Web Web Page Layouts

To produce an innovative new web page design from scratch click on the New Layout switch. 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 towards the top right corner. All layout changes since the last saving will be discarded if you cancel or leave the page builder. Preserving is only going to save yourself the design for the page rather than the theme settings.

Because the design is conserved straight into the article, Joomla versioning is supported from the field. Each time a article is conserved, a revision that is new developed immediately.

Start the article’s Versions dialog in Joomla to record all revisions associated with 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
Page The web web page it self may be the root and possesses one or sections that are how to create a business website multiple.
area parts team content in bigger blocks that are visual. They have one or rows that are multiple.
Row Rows organize content in one single or columns that are multiple. The columns have one or numerous elements.
Element Elements support the content that is actual. There are many more than 30 various kinds of elements available.

Handling the design

Sections, rows and elements could be added, modified, copied and deleted straight within 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 related element only if 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 edit it.
Copy click on the content symbol to duplicate a part, line or element.
Save in Library Click the arrow-up symbol to save your self a part or element along with its settings within the design or Element Library.
Delete Click the trash symbol to delete a part, element or row.
type Reorder a part, line or element by dragging and dropping it. The move cursor suggests that the element could be dragged.

brand brand New parts could be developed by pressing the Add key that seems within the lower kept corner when hovering the part. One other action buttons appear right next to the part title.

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

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