• About
    • Seldom things in life do turn out better than you hoped for. Our application development, website maintenance and hosting with JoomDev did. The driving force behind the firm is its unique way of balancing quality services with realistic budgets. The passion and enthusiasm shown by Chetan and his team from the very first moment we met them, we knew that our search was over.
      Alex Shvarts

      Our Clients

  • Blog
  • Contact

How to Design Joomla 4 Website With Astroid Framework?

With the release of Astroid 2.4, Astroid is now compatible with Joomla 4. So today in this tutorial, we will learn how you can create a Joomla website on Joomla 4 using the Astroid framework.

As Joomla 4 is not stable yet so I will not suggest you do this in your live environment. So to test the compatibility of Astroid and Joomla 4, create a test environment and try on that.

I am assuming that you have installed the Joomla 4 already on your test environment. If you haven’t installed yet, install Joomla 4. Here is a quick guide to installing Joomla 4.

Once installed successfully, let’s move to the next step.

Download and Install Astroid Framework

Astroid is a free Joomla template framework so you can download it for free. If you haven’t downloaded the Astroid, download right now.

You will have 4 files to download. But you just have to download the Astroid Framework + Template file.

Download and Install Astroid Framework
Download and Install Astroid Framework

Install the Astroid Framework

Once you have downloaded it on your local PC. Now you have to install it through the Joomla extension installer.

Install the Astroid Framework
Install the Astroid Framework

Simply upload the file and it will be installed automatically.

Now, if you check the website, it will not work properly. Because the original package is supposed to work on Joomla 3.9.X as the Joomla 4 is not in a stable state yet. So to make this package work with Joomla 4, you need to make a little tweak, and Astroid will work perfectly on Joomla 4.

Renaming the html Folder to Make Astroid Work on Joomla 4

We have included the two html folders in the Astroid Template One package. One is named as html and the other is html-j4. The html folder contains the overrides for Joomla 3 and html-j4 contains the overrides for Joomla 4.

As you are using Joomla 4 right now, you need to rename html-j4 to html. But before renaming the folder make sure you have deleted or renamed the old html folder.

Where to look for the html folder?

To find the html folder, navigate to ROOT/ templates/ astroid_template_one. Here you will see html and html-j4 folders.

Where to look for the html folder
Where to look for the HTML folder

Simply rename the html folder or delete it and rename html-j4 folder to html.

Now, you are done and ready to work on your Joomla 4 setup with Astroid Framework.

Still, you face any issue, feel free to post us on our support forum. The technical team would love to help you.

The bio for Naveen is coming soon.
I’ve had the great pleasure of hiring JoomDev for several projects over 8 years. The team brought our ideas to life and created the customized application that we only imagined in our minds. We appreciate JoomDev “can do” attitude and co-operation to complete any task until being fully satisfied. Hire JoomDev, you’d be crazy not to!
Alex Shvarts

Contact Sales

Start a Project