Personal tools
Namespaces

Variants
Actions

How To Change WHMCS Module Design

From ModulesGarden Wiki
(Difference between revisions)
Jump to: navigation, search
(Template Integration)
(Template Integration)
 
(17 intermediate revisions by one user not shown)
Line 1: Line 1:
<meta name="keywords" content="modulesgarden whmcs modules update, whmcs products update, whmcs modules update, whmcs modules download, whmcs modules version, whmcs modules upload, update instructions, update guide, whmcs modules upgrade"></meta>
+
<meta name="keywords" content="modulesgarden whmcs modules design, whmcs products design, whmcs modules template, whmcs modules modification, whmcs modules style, template customization instructions, template integration guide, whmcs modules look and feel"></meta>
 
<meta name="description" content="We Will Guide You Step By Step And Show You How To Successfully Change The Look And Design Of Any WHMCS Module Created By ModulesGarden."></meta>
 
<meta name="description" content="We Will Guide You Step By Step And Show You How To Successfully Change The Look And Design Of Any WHMCS Module Created By ModulesGarden."></meta>
 
{|
 
{|
|style="padding: 10px 0px 30px 15px;"|'''Read the below article carefully as it contains crucial information on how to adjust the module look and feel to your needs and preferences.'''
+
|style="padding: 10px 0px 30px 15px;"|'''The following article contains all the information on how to adjust the module look and feel to your needs and preferences.'''<br/>
 +
Take a quick look to learn when and how to do any changes by yourself or order the template integration service by professionals.
 
|}
 
|}
 
==Change Module Design==
 
==Change Module Design==
 
{|
 
{|
|style="padding: 10px 0px 15px 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 products 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/>
+
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, that is:<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/>
+
# You must be familiar with CSS on the basic level at least. <br/>
'''2.''' The currently used template in the client area must be close to the one used by admin, that is '' 'Six' '' based or '' 'Twenty-one' '' based, as only these two are supported by ModulesGarden modules<br/>
+
# 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/> In case of the admin area template that is '' 'Blend'.''<br/>
  
If you fulfill these two requirements 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.  
 
|}
 
|}
  
 
==Template Integration==
 
==Template Integration==
 
{|
 
{|
|style="padding: 10px 0px 15px 15px;"|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.<br/>  
+
|style="padding: 10px 0px 30px 15px;"|'''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.'''<br/>  
'''We are always here to help you!'''<br/> 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'''.
+
'''We are always here to help you!'''<br/>  
 +
 
 +
Every module in [https://www.modulesgarden.com/products/ ModulesGarden offer], among many other features, has the one that, in this situation, will prove extremely beneficial. That feature is ''' "Support For Template Customization". '''
 
<br/>
 
<br/>
  
A team of professional designers and web developers at ModuelsGarden partner company can perform all claimed modifications required to smoothly integrate the user interface of a single product with your customized template.<br/> The template integration service is charged additionally, it may be claimed both at the checkout and in the '' 'Additional Services' '' tab located on the product's page. <br/>Additionally, this service is performed within 5 business days from the moment of payment.
+
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.<br/> The template integration service is always charged individually, you may order it both at the checkout and in the '' 'Additional Services' '' tab located on the product's page. <br/>Additionally, for your convenience, this service is completed within 5 business days from the moment of the payment.
  
 
All you have to do is contact [https://www.modulesgarden.com/support/ticket/general-support 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.
 
All you have to do is contact [https://www.modulesgarden.com/support/ticket/general-support 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.
 
|}
 
|}

Latest revision as of 13:11, 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 quick look to learn when and how to do any changes by yourself or order the template integration service by professionals.

[edit] 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.
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.
There are only two requirements that you have to meet, these are:

  1. You must be familiar with CSS on the basic level at least.
  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.
    In case of the admin area template that is 'Blend'.

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.

[edit] 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".

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.
The template integration service is always charged individually, you may order it both at the checkout and in the 'Additional Services' tab located on the product's page.
Additionally, for your convenience, this service is completed within 5 business days from the moment of the payment.

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.

Navigation
WHMCS Modules
WHMCS Widgets
Translations
cPanel Modules
General
FAQ
Community