1. Getting Started
Astroid Framework is built with simplicity and ease use of mind. Astroid lets you manage every aspect of your Joomla website without writing a single line of code which helps you build Joomla templates easily. Also available in multiple languages.
Its a powerful framework for designers & developers to create responsive, fast & robust Joomla based websites and templates.
- Joomla: 3.9+
- PHP: 7.2.5+
- Mysql: 5.7+ or Maria DB 10.2+ (info)
- max_execution_time = 300
- max_input_time = 300
- max_input_vars = 2000
- memory_limit = 512M
- post_max_size = 10M
- upload_max_filesize = 10M
The layout manager in Astroid is one of the core engines that drives Astroid and it’s can be cumbersome at times with so many options. We will use this tutorial to simplify it and go through all the available options. In the above image you can see different colors and numbers representing settings for different areas in the Layout Manager.
- Hold the icon to move the section up or down in the layout manager.
- Edit the section level settings.
- Duplicate the section.
- Delete the section.
- Add a new section adjacent to the current.
- restructure the number of columns in the current section.
- Edit the column level settings.
- Edit the element settings.
- Duplicate the element.
- Delete the element.
- Add a new element inside the current column.
- Add a new row below the the current row.
- Duplicate the row.
- Edit row Settings.
Sections (You can have unlimited sections) Rows (Inside each section, you can have unlimited rows, rows stand vertically inside a section.) Columns (Inside each row, you can have a maximum of 12 columns, this is based on a standard bootstrap Grid system, Columns are horizontal containers.) Elements (Inside each column you can have unlimited elements, elements stand vertically inside the column.)
Animations, Custom Background options & Responsive settings are available for sections, columns and elements.
You can move elements within the columns. You can move columns within the section. You can move sections within the layout.
- Section level settings Custom classes, ID and layout overrides Custom colors
- Row Level Settings Custom classes & ID
- Column level settings Custom classes & ID Custom colors
- Element level settings Custom classes, ID (module position (for module position element only)).
- Component (Core Joomla, non-repeatable)
- Messages (Core Joomla, non-repeatable)
- Banner (Astroid Feature, non-repeatable)
- Module(s) (Core Joomla, repeatable)
Astroid is simple and easy to install, though it also has 4 different files to choose from as per requirements. Please follow these easy steps to get started with this amazing framework:
- Download the extension install file (.zip);
- Log into your Joomla administrator;
- In the menu, choose: Extensions >> Manage >> Install;
- Choose the tab: Upload Package File;
- Click on the Choose File button and select the extension zip;
- Click on Upload & Install. And you now have the framework installed!
Want to create your own template using Astroid Framework? Or wondering how & where to begin with after installing Astroid on your Joomla? Enough of scratching your head now, below are the basic steps listed for creating your own template using the “Amazing” Astroid Framework:
- Go ahead and install the Astroid package(both Framework & Template) on your Joomla. Download Here!
- After installation, go to Extensions > Templates > Templates. Click & Open Astroid_template_zero Details.
- On Template Customize page, click on Copy Template button & Name the copied template as per choice(eg. jd_xxxx) & then click on copy template button.
- Now under template Styles you will see your newly created template on Astroid framework. Set this template as Default.
- After creating your own template, Delete the Astroid_template_zero from Style & Uninstall the Astroid Template_zero file from your Joomla.
