Sunday, 17 October 2021 13:43

Our best joomla 4 templates were released: a4joomla-best, a4joomla-dark, and their free versions

Written by

The best joomla 4 templates of ours were released today, you can download or purchase them from the links below:

If you bought the joomla 3 version of one of the two pro templates, then just log in, and click on YOUR ORDERS, then Action/Details, and in the Files column you should be able to download the new joomla 4 templates: a4joomla-best4.zip or a4joomla-dark4.zip .

Migration from joomla 3 to joomla 4

First read the official instructions of this mini migration by clicking here.  Then, let's say you used the a4joomla-best joomla 3 template. These are my template related instructions if you don't want to lose your template parameter settings, and template modifications:

  1. You have joomla 3.x, now backup your site e.g. with Akeeba Backup
  2. Save the old template, especially your user.css if you have one in the css folder
  3. Update joomla to joomla 3.10, clear the cache if you have, and test the site in incognito mode of your browser
  4. Update the extensions, and test the site again
  5. Set Protostar to the default template
  6. Update joomla 3 to joomla 4, and test the site, now you should see the Cassiopeia template.
  7. Remove the a4joomla-best folder in an FTP client, or delete the folders and files of the template from the admin area if possible. Thus we keep the old template settings in the database, and we remove just the old template files and folders.
  8. Install a4joomla-best4.zip! Now you will have two template styles with the same name: a4joomla-best. Try to set them to default, and test the site to see, which one contains your old template parameter settings. Keep that one, and you can delete the other template style.
  9. Update other extensions, test the site, etc.

Some CSS classes should be replaced if you hide some of your modules on mobile with css classes in the "Module class suffix". You can find the new css classes for hiding modules here. You can hide modules on different display sizes: xs=extra small, sm=small, md=middle, lg=large, xl=extra large, xxl=the largest.

Last modified on Sunday, 17 October 2021 14:16

We use cookies for certain functions of this site and for analytics!