AI and first orientation in the editor

Three device buttons change the editor canvas width. They help uncover overly narrow text, awkwardly wrapped columns, and elements that should be hidden on smaller screens.

Zoom changes the working magnification of the canvas. Rulers and guides help visually compare element edges, but they do not alter the final Joomla layout or export.

The componentbox is the main content area of the template. The sample page switcher inserts a safe preview into it so you can see how global styles perform across different types of content.

The editor does not have a standard Save button. Changes to an existing named template are sent automatically, and the top bar displays whether they are pending, saving, or already confirmed.

A row is a horizontal section of the template. A zone determines where it can be placed. Mainbox is the protected central framework containing the main Joomla content, inner rows, and optional sidebars.

A new section is a horizontal row with one or more Joomla positions. First, select its zone, then the columns, and only then drag and drop modules into the positions.

An active row participates in the layout and its positions can accept modules. A disabled row is outside the current preview. However, disabling a row is not always a safe way to temporarily hide content.

A row can be moved, copied, or deleted within its allowed zone. These actions affect both the structure and the modules inside, so it is best to proceed one step at a time and check history.