System Elements

Add Joomla functionality to your layouts.

System elements can be found in the element library under System. They add Joomla functionality to your layouts. If a page does not have the functionality, the element has no content output and collapses. Read more in the collapsing layouts documentation.

To learn more about general element settings, see the corresponding documentation.

System Elements


Pagination Element

The Pagination element adds a pagination to a categorized article, category blog or featured articles page. The number of articles displayed on the category blog or featured articles page is defined by the total number of leading articles, intro articles and article links set in the Blog/Featured Layout options in Joomla. If all articles are displayed on one page, the Pagination element collapses.

Setting Description
Pagination Choose between the previous/next or numeric pagination. The numeric pagination is not available for single articles.
Show space between links Show or hide space between the previous/next links.

The Breadcrumbs element adds a breadcrumb navigation to a page.

Setting Description
Show home link Show or hide the home link as first item.
Show current page Show or hide the current page as last item.
Home Text Enter the text for the home link.

Hiding the home link and current page may cause the Breadcrumbs element to collapse if there is no other link to show.


Module Element

The Module element allows you to select an existing Joomla module and render it anywhere in your layout. The Module element collapses if the module has no content output.

Module element

Setting Description
Panel Style Define whether the module should be blank or look like a card.
Title Style Define the style of the title. Title styles differ in font-size but may also come with a predefined color, size and font.
Title Decoration Decorate the title with a divider, bullet or a line that is vertically centered to the heading.
Title Font Family Define an alternative font family for the title.
Title Color Select the text color. If the Background option is selected, styles that don’t apply a background image will use the primary color instead.

These settings apply only to modules which contain a list.

Setting Description
List Style Define whether the list items should be separated with dividers.
Link Style Choose between the default link color or a muted color.

This setting applies only to menu modules.

Setting Description
Menu Style Define whether the menu should be rendered as a horizontal subnav or a sidebar nav.

Note Since the appearance of the module is defined by the settings above, the module settings added by YOOtheme Pro are ignored.


Position Element

The Position element allows you to select an existing Joomla position and render all its modules anywhere in your layout. The Position element collapses if all its modules have no content output.

A typical use case for the Position element is to render the sidebar position in any layout section. There are also six builder-1 to builder-6 positions available for the Position element which are not rendered anywhere else in the theme.

Position element

Setting Description
Layout Select whether the modules should be aligned side by side or stacked above each other.
Column Gap Set the size of the gap between the grid columns.
Row Gap Set the size of the gap between the grid rows.
Breakpoint Set the breakpoint starting from which grid items will stack.
Vertical Alignment Vertically center grid items.
Match Height Match the height of all modules which are styled as a card

Note The appearance of each module is defined by the module settings added by YOOtheme Pro.

YOOtheme Pro Documentation