How To Change WHMCS Module Design - Revision history

Karolina: /* Template Integration */

2021-09-23T11:11:24Z

‎Template Integration

Karolina at 11:11, 23 September 2021

2021-09-23T11:11:13Z

Karolina at 10:56, 23 September 2021

2021-09-23T10:56:26Z

Karolina at 10:50, 23 September 2021

2021-09-23T10:50:48Z

Karolina: /* Change Module Design */

2021-09-23T10:47:40Z

‎Change Module Design

Karolina: /* Change Module Design */

2021-09-23T10:47:18Z

‎Change Module Design

Karolina: /* Change Module Design */

2021-09-23T10:45:16Z

‎Change Module Design

Karolina: /* Change Module Design */

2021-09-23T10:28:51Z

‎Change Module Design

Karolina: /* Change Module Design */

2021-09-23T10:28:35Z

‎Change Module Design

Karolina at 10:28, 23 September 2021

2021-09-23T10:28:12Z

@@ Line 21: / Line 21: @@
 |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 [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/>

@@ Line 3: / Line 3: @@
 {|
 |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 look to learn when you may try to do any changes by yourself or order the template integration service to professionals.
+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==
@@ Line 21: / Line 21: @@
 |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 [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'''.
+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/>

@@ Line 1: / Line 1: @@
-<meta name="keywords" content="modulesgarden whmcs modules design, whmcs products design, whmcs modules look, whmcs modules template, whmcs modules modification, whmcs modules style, update instructions, update guide, whmcs modules look and feel"></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>
 {|

@@ 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 look, whmcs modules template, whmcs modules modification, whmcs modules style, update instructions, update 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>
 {|

@@ Line 12: / Line 12: @@
 # You must be familiar with CSS on the basic level at least. <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'.''
+# 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 conditions, there is nothing on your way that can stop you from introducing any changes in the modules' look and feel on your own.

← Older revision		Revision as of 10:47, 23 September 2021
Line 15:		Line 15:


−	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.
	\|}		\|}

@@ Line 11: / Line 11: @@
 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 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/>
+# 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'.''
 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.
 |}

@@ Line 16: / Line 16: @@
 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.
 |}
-===Admin Area Styles Modification===
+===Admin Area Styles===
 {|
 |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/>

@@ 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/>
-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/>
+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/>
 '''1.''' 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/>
+'''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.
 |}