Personal tools
Namespaces

Variants
Actions

How To Change WHMCS Module Design

From ModulesGarden Wiki
(Difference between revisions)
Jump to: navigation, search
(→‎Change Module Design)
(→‎Template Integration)
 
(21 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 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;"|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.  
+
|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 '' '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/>
  
−
'''If you wish to alter the look of your module you have to modify the .tpl files using CSS.''' <br/>  
+
# You must be familiar with CSS on the basic level at least. <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/>
+
# 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/>
−
There are only two requirements that you have to meet, that is:<br/>
+
  
−
1. You must be familiar with CSS on the basic level at least <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.  
−
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<br/>
+
−
 
+
−
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==
 
==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!''' Every module in ModulesGarden offer, among many other features, has the one that, in this situation, will prove extremely beneficial.<br/> 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/>
−
'''What is template customization exactly?'''
 
−
<br/>
 
−
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 ...
 
  
 +
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 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.  
+
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.
−
 
+
|}
−
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.
+

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.

Retrieved from "https://www.docs.modulesgarden.com/index.php?title=How_To_Change_WHMCS_Module_Design&oldid=56712"
Navigation
WHMCS Modules
WHMCS Widgets
Translations
cPanel Modules
General
FAQ
Community