How To Change WHMCS Module Design
| Line 8: | Line 8: | ||
{| | {| | ||
|style="padding: 10px 0px 30px 15px;"|'''Frequently our clients use customized templates in their system, which our modules might not integrate with, and additional adjustments to their code may be required.'''<br/> | |style="padding: 10px 0px 30px 15px;"|'''Frequently our clients use customized templates in their system, which our modules might not integrate with, and additional adjustments to their code may be required.'''<br/> | ||
| − | In order to meet your expectations, we allow establishing such compatibility by yourself. All you need to do is perform necessary modifications to the unencrypted files responsible for the user interface included in the product's package. <br/> The ''.tpl'' files can be found in the '' ' | + | In order to meet your expectations, we allow establishing such compatibility by yourself. All you need to do is perform necessary modifications to the unencrypted files responsible for the user interface included in the product's package. <br/> The ''.tpl'' files can be found in the '' 'templates' '' folder in the module directory. Mentioned files are not coded and are available for you to freely adjust their content, no matter what type of a license you own. <br/> |
There are only two requirements that you have to meet, these are:<br/> | There are only two requirements that you have to meet, these are:<br/> | ||
'''1.''' You must be familiar with CSS on the basic level at least. <br/> | '''1.''' You must be familiar with CSS on the basic level at least. <br/> | ||
| − | '''2.''' The currently used template in the client area | + | '''2.''' The currently used template in the client area should be close to the themes provided by WHMCS, that is '' 'Six' '' based or '' 'Twenty-One' '' based, as only these two are officially supported by ModulesGarden modules.<br/> |
If you fulfill these two conditions, there is nothing on your way that can stop you from introducing any changes in the modules look and feel on your own. | If you fulfill these two conditions, there is nothing on your way that can stop you from introducing any changes in the modules look and feel on your own. | ||
| + | |} | ||
| + | ===Addon Styles Modification=== | ||
| + | {| | ||
| + | |style="padding: 10px 0px 30px 15px;"|There is an option to slightly change the addons' style. A default WHMCS template used in the admin area, supported by ModulesGarden products is '' 'Blend'.'' <br/> | ||
| + | However, if you only wish, you may change it to any other available and check if the addon's look then suits your needs better. <br/> | ||
| + | |||
| + | Navigate to your '' 'WHMCS Admin Area' → 'My Account' → 'Template','' there select the style you wish. | ||
|} | |} | ||
Revision as of 12:28, 23 September 2021
| The following article contains all the information on how to adjust the module look and feel to your needs and preferences. Take a look to learn when you may try to do any changes by yourself or order the template integration service to professionals. |
Change Module Design
| Frequently our clients use customized templates in their system, which our modules might not integrate with, and additional adjustments to their code may be required. In order to meet your expectations, we allow establishing such compatibility by yourself. All you need to do is perform necessary modifications to the unencrypted files responsible for the user interface included in the product's package. 1. You must be familiar with CSS on the basic level at least. If you fulfill these two conditions, there is nothing on your way that can stop you from introducing any changes in the modules look and feel on your own. |
Addon Styles Modification
| There is an option to slightly change the addons' style. A default WHMCS template used in the admin area, supported by ModulesGarden products is 'Blend'. However, if you only wish, you may change it to any other available and check if the addon's look then suits your needs better. Navigate to your 'WHMCS Admin Area' → 'My Account' → 'Template', there select the style you wish. |
Template Integration
| There is one more situation when you might want to introduce some changes in the module look, yet the theme you are currently using is already strongly customized and your basic knowledge of CSS turns out insufficient. We are always here to help you! A team of professional designers and web developers at ModulesGarden partner company can perform all claimed modifications required to smoothly integrate the user interface of a single product with your customized template. All you have to do is contact ModulesGarden Support team and ask for details of the 'Template Integration' offer. You will immediately get any information on the offer and a fully customized and prepared individually quotation. |