Quadra Documentation - Joomla 5

This guide shows you how to install and set up the Quadra Joomla template.

Current release: Quadra 5.4.10.2, released 19 October 2026. Built for Joomla 5. PHP 8.3 or later. Quickstart: Joomla 5.4.10. What changed in each release.

Buy Quadra

Some screenshots below come from an older Joomla version, so your screens may look a little different. The menu names in the steps are the Joomla 5 ones.

Template Usage

Before using or installing this template please read the Terms of Service which you have agreed to before downloading the template at the website.

Template Support

Please note we only provide support for using and setting up the Joomla template you have downloaded at the website.

If you need support for the template please using one of the following options

1. We recommend you install the template quick start package which will give you an exact copy of the template & website you can see running at the https://demo.energizethemes.com/Joomla5/Quadra/ It will save you a lot of time setting up the template. The template quick start package is also very useful to understand how we have setup Joomla and the template.

2. Visit the knowledge base which includes lots of useful information about how to use and setup the template. knowledge base

3. Log in and open a support ticket, and our support team will help you with any questions you may have about using or setting up the template

If you need support for Joomla please visit one of the following websites

1. Joomla documentation website https://docs.joomla.org

2. Joomla forum https://forum.joomla.org

3. Joomla tutorials https://www.joomlatutorials.com

Joomla Installation

Before installing this template you need to do the following.

Note: If you use the template quick start package the quick start package will install Joomla for you plus the Joomla template.

1. Download and install Joomla 5.4 from the https://www.joomla.org website at your website

Template Package Contents

This template package includes the following

1. Template package (pkg_quadra-5.4.10.2.zip, in the Template Files folder of your download), which you can install through your Joomla administrator.

2. Adobe Photoshop file.

3. A readme file with install notes

4. Quickstart (quadra-quickstart-J5.4.10.2.zip, in the quickstart folder of your download): a complete Joomla site with the template and demo content.

Installing The Joomla Template

To install the Joomla template complete the following

1. Log into the Joomla administrator area of your website

2. Select System, then Extensions in the Install panel

3. On the Upload Package File tab, select Or browse for file and choose pkg_quadra-5.4.10.2.zip from the Template Files folder of your download

4. Joomla installs it as soon as you have chosen the file

How Do I Set The Template As The Default Joomla Template

1. From your Joomla administrator area select the System menu and Site Template Styles

2. Select the check box next to the Joomla template you have installed

3. Select the button Default

Template Module Positions

The template supports the following module positions

1. Login form button and register button located at the top of the template use the loginform module position

2. The small menu which appears at the top of the template uses the quick-menu module position

3. Top menu uses the position-1 module position

4. Joomla Search module uses the position-0 module position

5. The slideshow which appears at the top of the template uses the builtin-slideshow module

6. Breadcrumbs uses the position-2 module position

7. Top-1, Top-2, Top-3, Top-4, Top-5, Top-6, Top-7 ,Top-8, Top-9, Top-10, Top-11, Top-12 module positions located at the top of the template can be used for Joomla modules or custom Joomla module positions where you can add your own text or images inside the module positions

8. Top-left-1, Top-left-2, bottom-left-1 and bottom-left-2 modules appear on the left hand side of the template

9. Position-7 module position is used to display web site navigation menu in the left hand column of the template plus you can publish other modules to this position

10. Top-long module position which appears in the centre of the template can used for the news flash module, custom module or another module of your choice

11. Top-A, Top-B, Top-C, Top-D module positions located at the top / centre of the template can use a custom module or another module of your choice

12. Right module position can be used to publish other modules of your choice to the right module position

13. top-right-1, top-right-2, bottom-right-1, bottom-right-2 modules appear in the right hand side of the template

14. Bottom-A, Bottom-B, Bottom-C, Bottom-D module positions located at the bottom of the template use custom module positions or modules of your choice

15. Bottom-long module position appears at the bottom of the template

16. Bottom-1, Bottom-2, Bottom-3, Bottom-4, Bottom-5, Bottom-6 module positions located at the bottom of the design use custom module positions plus you can publish the latest news or popular news to the module positions to the modules

17. Footer-right module is used to display your website copyright text using a custom module position

18. Footer-left module is also used to display a menu module

How Do I Access The Template Settings

To access the template settings please complete the following.

1. Log into your Joomla administrator area

2. Select System, then Site Template Styles

3. Select the Styles tab

4. Open the template you have installed by clicking on the template link from the list of templates

5. You will now see the template settings as show in the screen shot below

6. For more information about how to use each setting included in the template control panel PLEASE HOVER OVER THE TEXT NEXT TO EACH SETTING

7. You can also find out more information how to use the template settings by visiting the control panel guide

How Do I Setup The Login & Registration Buttons

To setup the login and registration buttons which appear at the top of the template complete the following

1. Log into your Joomla! administrator area

2. Select Content, then Site Modules

3. Open the Joomla login module

4. Assign the login module to the loginform module

5. Save the changes to the module position

Top Menu Module Settings

To change the top menu module menu style please complete the following.

1. From the Joomla Administrator area select Content, then Site Modules

2. Now select the top menu module which needs to use the position-1 module position.

3. In the Menu Tag ID field enter nav

4. In the Menu Class Suffix field enter -nav

5. To enable the drop down menu for the top menu position set the "Always show sub-menu items" to YES

6. Click on the save button.

How Do I Set Up The Built-in Mega Menu

To set up the built-in mega menu please follow these steps:

1. First of all prepare a new menu which will be used for mega menu. Make sure you add only a first level menu items (without sub-items) to your new menu. To add new menu please go to Menus -> Manage -> Add New Menu. For the demo purposes we called our menu 'Mega Menu'.

2. Now you need to turn on the mega menu and select a menu which will be used for mega menu purposes. To do this please go to System -> Site Template Styles and click the template name to open the template settings. Now select Drop Down Menu Settings tab and set up mega menu settings as following:

Your mega menu is now ready to use.

Now you can add a sub-items and any module you want to use.

To add a sub-items menu please go to Menus -> Manage -> Add New Menu and create new menu -

For this example we are going to use Smart Phones Items.

Now, to add you sub-items menu to mega menu please go to Content -> Site Modules and add new Menu module. Provide following settings:

Where can I find MENU ITEM ALIAS

Menu Item alias has been created automatically when you added menu items to your Mega Menu menu in Menus -> Manage.

You can add up to 12 modules into one module position. There is available 3 modules position which can be used with menu items as following:

menu-position-1-MENU_ITEM_ALIAS
menu-position-2-MENU_ITEM_ALIAS
menu-position-3-MENU_ITEM_ALIAS

So, to could use modules positions under Watches menu item as on our demo simply add watches alias to could publish modules:

menu-position-1
menu-position-2
menu-position-3

IMPORTANT! - please note the modules positions are not available on the list of predefined modules position in module settings. You need to type module position name in Position field as following:

1. Set up sub-items handler width
   
   Each menu item sub-items handler can use specific width. To set up the width please simply do following:
   1. Go to Menus -> Mega Menu created before
   2. Open menu item settings, open Link Type tab and type a width in 'Link CSS Style'

2. Add more modules to mega menu
   You can add any type of module to the mega menu. For the demo purposes we added some custom HTML modules. Please see the settings for Custom HTML module published under 'Cameras' menu item

How Do I Setup The Slide Show

The template includes a built-in slideshow where you can display images in the slideshow you have uploaded to the web site.

To setup the slideshow you need to complete the following three steps

1. Create images which will appear in the slideshow

2. Create a custom module position for each slide show image

3. Open the template control panel to change the slide show settings

Create Images For the Slideshow

The first step is to create new images which will appear in the slide show.

1. Create a new .JPG image

2. If you want to add four images to the slide show then you will need to create four new images

3. Save the images to your computer

Create A Custom Module Position For Each New Slideshow Image

The Second step is to create a new custom module position for each image which will appear in the slideshow.

1. From the Joomla administrator area select Content, then Site Modules.

2. Select the New button

3. Select the Custom HTML option

4. In the module title enter the name for the new slide. The title will NOT be displayed in the slideshow

5. Assign and publish the module to the builtin-slideshow module position

6. In the WYSIWYG editor enter the heading and text which will appear as a caption over the slideshow image

7. Create a read more button to link to an article in your Joomla site (see instructions below)

8. In the options tab choose the SELECT button to upload and select the slide image you have created for the slideshow

9. Save the changes to publish the image to the builtin-slideshow module position

How Do I Add More Images To The Slide Show

You can add as many images to the slideshow as like but for each image you add to the slideshow you must create a new custom module position by following the instructions noted above for each new slide you add to the slideshow.

The slideshow image ordering can be changed by changing the module order for the custom modules you have created and published to the builtin-slideshow module position.

Slideshow Settings

The 3rd step is enable the slideshow in the template control settings.

To enable the slideshow in the template control panel complete the following.

1. Log into your Joomla administrator area

2. Select System, then Site Template Styles

3. Select the Styles tab

4. Open the template you have installed by clicking on the template link from the list of templates

5. Select the built-in slideshow settings tab

6. Next to the Turn Slideshow ON/OFF slide the button to ON

7. Save the changes by clicking on the Save & Close button

You can also change the slideshow show effects and many more options included in the built-in slideshow settings tab.

For more information about how to use the slideshow settings PLEASE HOVER OVER THE TEXT NEXT TO EACH SLIDESHOW SETTING

How Do I Add The Read More Button To The Custom Module

You can use this approach to add a button style to any text you create for slideshow module or other modules.

To add the read more button which appears in the custom module position complete the following

1. Open up the custom module position you have created

2. Scroll down to the WYSIWYG editor at the bottom of the module position

3. Select the tools menu and source code menu in the WYSIWYG editor to open the HTML window

4. Under the text you have entered into the custom module position copy and paste this text into the HTML window

5. <p><a class="button" href="#">Read More</a></p>

6. Change the # to the web site address for the article you want to point the read more button to.

7. Save the changes

8. Read more button will now appear in the custom module position you have created

How Do I Setup The Module Article Slider On The Front Page (Latest items)

The blog module uses the content module to display the blog posts images in a slideshow you have published to the blog category.

To setup the module you need to create a content module and publish it to the Top-Long module position

Once you have setup and published the content module you need to open the template settings and select the item slider settings tab.

You will now see a number of options included in the slider settings tab where you can change the settings for the blog module effects.

How Do Setup The Customer Testimonials module

You need to create 3 custom module positions and publish each module to the bottom-long module position

1. From the Joomla administrator select Content, then Site Modules.

2. Select the New button

3. Select the Custom HTML option

4. Now setup the module as per the screen shot.

Once you have setup the module positions you now need to open the template control panel and select the Testimonial slider settings.

From here you can change the setting for the sliding testimonials

How Do I Setup Download App Module

1. From the Joomla administrator select Content, then Site Modules.

2. Select the New button

3. Select the Custom HTML option

4. Now setup the module as per the screen shot

How Do I Setup The Contact us Module

1. From the Joomla administrator select Content, then Site Modules.

2. Select the New button

3. Select the Custom HTML option

4. Now setup the module as per the screen shot.

How Do I Add The Footer Copyright Text To The Template

To add a copyright footer text included at the bottom of the template you need to create a custom module position as assign the module to the footer module

1. From the Joomla administrator select Content, then Site Modules.

2. Select the New button

3. Select the Custom HTML option

4. Now setup the module as per the screen shot.