XIROSTART template - a fork of Cassiopeia fully Bootstrap 5, none site-grid, grid-child

[vnnguyendung]

The XiroStart template is a fork of the Cassiopeia template for Joomla 5, Joomla 4.
It does not use the CSS Grid layout (site-grid, grid-child), it only uses Bootstrap 5.

Bootstrap 5 vs. Grid-Layout CSS in Cassiopeia
When building templates with Cassiopeia, we hard to add new layouts, modifying layout with css-grid often caused layouts to break (at template/cassiopeia/index.php).Cassiopeia uses grid CSS and flexbox, which are powerful but complicated, especially for me and new developers.

layout-cassiopeia-fail.png

To make things easier, XIROSTART switched to Bootstrap 5 for layouts. We no longer use Cassiopeia’s grid classes like site-grid and grid-child, container-top-. With Bootstrap 5, creating layouts is simpler, clearer, and faster for everyone.

Now, we can insert a new layout without adding more CSS code. Don’t worry about the layout breaking or failing

xirostart-add-layout.png

Improved Frontend Editing - Quick Edits for Articles and Modules on Frontend:
Logging into the backend just to fix small issues in articles or modules was time-consuming. At XIROSTART, you can now edit module setting on the frontend with UI layout that feel just like the backend. It’s more convenient.

module-setting-frontend.png

Mod_menu - Adding Navbar Menu Layout base on Boostrap 5
Joomla's menu module with the MetisMenu layout (using metismenu.js) requires additional effort to read and understand its code. On the other hand, Bootstrap 5's Navbar offers comprehensive and easy-to-understand documentation.

To make things simpler for developers, XIROSTART now includes an additional menu layout that supports the Bootstrap 5 Navbar. This provides a more accessible and developer-friendly option for building menus.

layout-select-menu-bootstrap.png

Cleaner Module Editing:
On other templates, all modules stay visible when editing, making it hard to focus form edit. With XIROSTART, unrelated modules (except header and footer) are hidden while editing. This keeps the editing form clear and easy to use.

DOWNLOAD XIROWSTART: https://www.xiroweb.com/template/xirost ... ate-joomla