How to override Solidres layouts
Being a native Joomla extension, Solidres inherits many great Joomla's features and one of them is the ability to do template's overrides.
If you are new to Joomla override, there is a good read for you:
In short, template override feature allows you to modify a component's output (View, Layout) without having to modify the component directly, instead of that you will modify a copy which is stored in your template folder
All component's views in Solidres are overridable, all you need to do is to copy a view file and put it into your template folder.
For example, if you want to change how the Simple Gallery is displayed in the front end, first you need to copy the following file:
And paste it into: /templates/your_template_name/html/com_solidres/reservationasset/default_simple_gallery.php
Then you can start editing it. Your changes will be kept intact, it will not be overwritten when you update your Solidres to new versions.
In addition to view files, in Solidres we also utilize JLayout which is a great feature, we mainly use it for our Ajax responses rendering, you can find them at the following location:
To make template override for those layout files, the steps are quite similar: First, you need to copy the target layout file, for example:
Then paste it into your template folder, but in a different folder with the normal view files:
Note: if the view you want to override is a Solidres plugin like Hub or Experience, although the view files are not stored in Solidres component folders, you can still treat it like a normal Solidres's views, for example if you want to override the default search view of Hub plugin which is located in this folder: /plugins/solidres/hub/components/com_solidres/views/search/tmpl/default.php, you can copy it to /templates/your_template_name/html/com_solidres/search/default.php
How to override Solidres CSS
If you want to modify the CSS of Solidres, you would think about modifying Solidres CSS file which is located in /media/com_solidres/assets/css/main.css, however directly modify that CSS file will make the upgrade of Solidres harder in the future. Fortunately, Joomla provides a great way to override extension’s file.
To override Solidres CSS file create a new folder in your template to store the override CSS file and copy /media/com_solidres/assets/css/main.css into it so that you will have the following structure /templates/your_template_name/css/com_solidres/assets/main.css.
Now Solidres will automatically load CSS from the new override folder instead of the original one.