Personal tools
Namespaces

Variants
Actions

How To Change WHMCS Module Design

From ModulesGarden Wiki
(Difference between revisions)
Jump to: navigation, search
(Template Integration)
(Change Module Design)
Line 6: Line 6:
 
==Change Module Design==
 
==Change Module Design==
 
{|
 
{|
|style="padding: 10px 0px 15px 15px;"|'''If you wish to alter the look of your module you have to modify the .tpl files using CSS.''' <br/>  
+
|style="padding: 10px 0px 15px 15px;"|If you use a customized template in your system, our modules might not integrate and in case additional adjustments to their code may be required. you can establish such compatibility by yourself, by performing necessary modifications to the unencrypted files responsible for the user interface included in the products package.
 +
 
 +
'''If you wish to alter the look of your module you have to modify the .tpl files using CSS.''' <br/>  
 
These files can be found in the '' 'Templates' '' folder in the module directory. Mentioned files are uncounted and are available for you to freely adjust their content, no matter what type of a license you own. <br/>
 
These files can be found in the '' 'Templates' '' folder in the module directory. Mentioned files are uncounted 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, that is:<br/>
 
There are only two requirements that you have to meet, that is:<br/>

Revision as of 11:09, 23 September 2021

Read the below article carefully as it contains crucial information on how to adjust the module look to your needs and preferences.

Change Module Design

If you use a customized template in your system, our modules might not integrate and in case additional adjustments to their code may be required. you can establish such compatibility by yourself, by performing necessary modifications to the unencrypted files responsible for the user interface included in the products package.

If you wish to alter the look of your module you have to modify the .tpl files using CSS.
These files can be found in the 'Templates' folder in the module directory. Mentioned files are uncounted and are available for you to freely adjust their content, no matter what type of a license you own.
There are only two requirements that you have to meet, that is:

1. You must be familiar with CSS on the basic level at least
2. The currently used template in client area is close to the one used by admin, that is 'Six' based or 'Twenty-one' based, as only these two are supported by ModulesGarden modules

If you fulfill these two requirements there is nothing on your way that can stop you from introducing any changes in modules look and feel on your own.

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! Every module in ModulesGarden offer, among many other features, has the one that, in this situation, will prove extremely beneficial.
That feature is support for template customization.
What is template customization exactly?
Template editing is one of the means to obtain the result of the component work that is appropriate for each specific website. After picking a template that fits your site's needs, you can customize it to help bring your content to life ...


All you have to do is contact ModulesGarden supprot 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.

Then, a professional team of designers and experienced web developers at our partner company can perform all modifications required to finely integrate teh user interface of our productts with your customized template. Tjhe template integration service is a subject to additional chrge, specified both at the ceckout and in th eAdditional Serices tab located on th epoduct's page, and is performed within the mimum of 5 business days from teh moemnt of purchase.

Navigation
WHMCS Modules
WHMCS Widgets
Translations
cPanel Modules
General
FAQ
Community