Template overriding is a standard feature that comes with Joomla! It's sole purpose is to allow you to customize your layouts without modifying the files and contents of the components or modules that you install on your Joomla! site.
NorrCompetiton has a very flexible overrides system which allows you to control almost every part of the output.
All theme files are by default inheriting from the default theme. For instance, if you are using the uikit theme, it will inherit files that are not overridden from the default theme. The same applies to overrides and custom themes.
Let’s assume that the name of your template is mytemplate. First of all you need to create a template override.
Create a general override folder called html in the following path:
The folder above would contain all component and module layout overrides.
Create NorrCompetiton override folder called com_competition in the following path:
This folder will contain theme folders you want to override or use.
Let’s assume that you are using the default theme and want to override it.
Create theme override folder in the following path:
If you need to create a layout override for
then you will need to copy that file to the following path:
The same applies to any PHP file inside the theme you want to override.
Creating CSS file overrides for theme is almost identical to layout overrides.
If you want to create a CSS override for the style.css file of the default theme which is located in
then you will need to copy it into the following path:
Media overrides are slightly different. These are the general assets for the component and are located in the /media/com_competition/ folder.
If you want to override a cropper.css located in the /media/com_competition/css/ then you will need to copy it into the following path:
Overriding default themes is great, but let’s imagine that you have a Joomla template which use own framework and the default themes does not fit. Then you can create your own theme and use it with NorrCompetiton. Let’s assume that you want to create a theme called custom:
That’s it. Now you have the full control of the output.