This update guide only applies to our WHMCS Templates that are using the WHMCS Six client area template as a base. If you're using v2+ then this update does not apply to your template, please refer to the update announcement for more information. Find Template Version

Video

A video does not yet exist for this guide.

Request Video

Contents

Update Service

Save yourself time by using our professional update service. Your update to WHMCS v7.9 will be completed in-house by our team who will ensure everything goes smoothly with no loss of customizations.

In this tutorial you will learn how to update your WHMCS Template to support WHMCS v7.9.

Is This Update Required?

This update needs to be applied to your template to add support for WHMCS v7.9. If you purchased your template after the launch of WHMCS v7.9 (8th January 2020) you do not need to follow this update as it will already be applied to your version.

How To Update

Active Updates Required

This update is available to download right away for those who have subscribed to updates ($30/year). If you purchase your theme without updates or your updates have expired you will need to renew using the button below.

You will need to follow every step below to update to WHMCS v7.9.

1. Update WHMCS

To begin you will need to update WHMCS to v7.9 following WHMCS's documentation or you can hire us to update your WHMCS.

2. Complete Earlier Template Updates

If you updated from WHMCS v7.8.3 to v7.9 you can skip this section and move onto step 3.

If you updated from an earlier version of WHMCS you will need to apply the missing template updates before completing this one:

View All Template Updates

3. Upload The Files

Want to save time? You can hire us to update your template.

The next step is to upload the files from the update ZIP we have carefully prepared. The files contained within this update are unlikely to have been modified by most users as they are core client area files. If there are changes required to files that are more likely to have been edited (such as header.tpl, template.css, english.php) they will be listed as manual edits in step 4 to ensure that any edits made to these files will not be lost.

Steps To Upload

1. Make a full backup of your WHMCS files & database for safety

2. Download the update files >> Download WHMCS v7.9 Update (.zip)

3. Extract the ZIP file to your desktop

4. Rename the /upload/templates/your_active_template/ to the name of your active Zomex template you'd updating (e.g stellar, universe, eco-net etc)

5. Upload the contents of the upload directory using an FTP client to:

/whmcs_path/

Ensure that your FTP client does not replace directories and instead adds/overrides the new files within the existing directory. We recommend FileZilla which is free and will work correctly out of the box.

If you have made customisations to any files contained in the ZIP we recommend comparing your version and the updated version so you can re-apply your customisations manually.

You can also refer to the WHMCS v7.9 template guide on GitHub to see all of the updates to each file. However, the guide we have created is a much simpler update process.

4. Apply Manual File Edits

The final step is to make manual edits to some files. These edits are made manually as there is a higher chance that the files may have been customized. Manually applying the WHMCS v7.9 edits ensures that any prior customisations are safe.

Open: /whmcs_path/templates/your_active_template/footer.tpl (if you're using Glaze, Mono or Stellar WHMCS Template it will instead be found in includes/hook-footer.tpl)

Find the following code:

<div class="modal system-modal fade" id="modalAjax" tabindex="-1" role="dialog" aria-hidden="true">

And add the following directly above it (with some space):

<div id="fullpage-overlay" class="hidden">
	    <div class="outer-wrapper">
	        <div class="inner-wrapper">
	            <img src="{$WEB_ROOT}/assets/img/overlay-spinner.svg">
	            <br>
	            <span class="msg"></span>
	        </div>
	    </div>
	</div>

Open the following file:

WHMCS Template: /whmcs_path/templates/your_active_template/css/template.css

WordPress Theme: /wordpress_path/wp-content/themes/your_active_theme/css/template.css

HTML Template: /css/template.css

Find the following code:

/*
	
	------------------------------------------
	------------------------------------------
	
	----- Carts
	
	------------------------------------------
	------------------------------------------
		
	*/

And add the following (only add the code from your selected template) directly above it (with some space). If you can't find the above line then add it to the bottom of the file:

.navmain-mega ul li .sublinks li.navicon-vpn { background: url("../images/icon-vpn.png") 5px center no-repeat; }
					
/* Nav Clientexec */

.navmain-mega ul li .sublinks li.navicon-clientexectemplates { background: url("../images/icon-clientexectemplates.png") 5px center no-repeat; }

.navmain-mega ul li .sublinks li.navicon-clientexecservices { background: url("../images/icon-clientexecservices.png") 5px center no-repeat; }

/* VPN */

.whmcscontainer .landing-page.sitelockvpn .hero {
	padding: 30px;
	background-color: #243141;
}

.whmcscontainer .landing-page.sitelockvpn .btn-start {
	background-color: #f09546;
	text-shadow: #000 1px 1px;
	text-decoration: none;
	text-transform: uppercase;
}

.whmcscontainer .landing-page.sitelockvpn .btn-start:hover {
	text-decoration: underline;
}

.whmcscontainer .landing-page.sitelockvpn .hero h1 {
	line-height: 1.1em;
	text-align: left;
}

.whmcscontainer .landing-page.sitelockvpn .hero h2 {
	display: block;
	text-align: left;
line-height: 1.2em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing {
	background-color: #9aadbc;
	padding: 30px;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle {
	background-color: #243141;
	color: #fff;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .price {
	color: #243141;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle .label-info {
	background-color: #f09546;
	text-shadow: #000 1px 1px;
}

.whmcscontainer .landing-page.sitelockvpn .btn-signup,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight1,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight2 {
	margin: 0;
	background-color: #f09546;
	text-shadow: #000 1px 1px;
}

.whmcscontainer .landing-page.sitelockvpn .feature h3 {
	text-align: left;
	line-height: 1.1em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.world span {
	color: #f09546;
}

.whmcscontainer .landing-page.sitelockvpn .feature.countries {
	background-color: #f0f5f9;
}
.navmain-mega ul li .sublinks li.navicon-vpn { background: url("../images/icon-vpn.png") 5px center no-repeat; }
					
/* Nav Clientexec */

.navmain-mega ul li .sublinks li.navicon-clientexectemplates { background: url("../images/icon-clientexectemplates.png") 5px center no-repeat; }

.navmain-mega ul li .sublinks li.navicon-clientexecservices { background: url("../images/icon-clientexecservices.png") 5px center no-repeat; }

/* VPN */

.whmcscontainer .landing-page.sitelockvpn .hero {
	padding: 30px;
	background-color: #1f1f1f;
}

.whmcscontainer .landing-page.sitelockvpn .btn-start {
	background-color: #df3626;
	text-decoration: none;
	text-transform: uppercase;
}

.whmcscontainer .landing-page.sitelockvpn .btn-start:hover {
	text-decoration: underline;
}

.whmcscontainer .landing-page.sitelockvpn .hero h1 {
	line-height: 1.1em;
	text-align: left;
}

.whmcscontainer .landing-page.sitelockvpn .hero h2 {
	display: block;
	text-align: left;
line-height: 1.2em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing {
	background-color: #e3e3e3;
	padding: 30px;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing h2 {
	color: #df3626;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle {
	background-color: #1f1f1f;
	color: #fff;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .price {
	color: #243141;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle .label-info {
	background-color: #df3626;
}

.whmcscontainer .landing-page.sitelockvpn .btn-signup,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight1,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight2 {
	margin: 0;
	background-color: #df3626;
}

.whmcscontainer .landing-page.sitelockvpn .feature h3 {
	text-align: left;
	line-height: 1.1em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.world span {
	color: #df3626;
}

.whmcscontainer .landing-page.sitelockvpn .feature.countries {
	background-color: transparent;
}
.navmain-mega ul li .sublinks li.navicon-vpn { background: url("../images/icon-vpn.png") 5px center no-repeat; }
					
/* Nav Clientexec */

.navmain-mega ul li .sublinks li.navicon-clientexectemplates { background: url("../images/icon-clientexectemplates.png") 5px center no-repeat; }

.navmain-mega ul li .sublinks li.navicon-clientexecservices { background: url("../images/icon-clientexecservices.png") 5px center no-repeat; }

/* VPN */

.whmcscontainer .landing-page.sitelockvpn .hero {
	padding: 30px;
	background-color: #6ca1e1;
}

.whmcscontainer .landing-page.sitelockvpn .btn-start {
	background-color: #2ab867;
	text-decoration: none;
	text-transform: uppercase;
}

.whmcscontainer .landing-page.sitelockvpn .hero h1 {
	line-height: 1.1em;
	text-align: left;
}

.whmcscontainer .landing-page.sitelockvpn .hero h2 {
	display: block;
	text-align: left;
line-height: 1.2em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing {
	background-color: #95c7f9;
	padding: 30px;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle {
	background-color: #6ca1e1;
	color: #fff;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .price {
	color: #243141;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle .label-info {
	background-color: #2ab867;
}

.whmcscontainer .landing-page.sitelockvpn .btn-signup,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight1,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight2 {
	margin: 0;
	background-color: #2ab867;
}

.whmcscontainer .landing-page.sitelockvpn .feature h3 {
	text-align: left;
	line-height: 1.1em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.world span {
	color: #323f52;
}

.whmcscontainer .landing-page.sitelockvpn .feature.countries {
	background-color: transparent;
}
.navmain-mega ul li .sublinks li.navicon-vpn { background: url("../images/icon-vpn.png") 5px center no-repeat; }
					
/* Nav Clientexec */

.navmain-mega ul li .sublinks li.navicon-clientexectemplates { background: url("../images/icon-clientexectemplates.png") 5px center no-repeat; }

.navmain-mega ul li .sublinks li.navicon-clientexecservices { background: url("../images/icon-clientexecservices.png") 5px center no-repeat; }

/* VPN */

.whmcscontainer .landing-page.sitelockvpn .hero {
	padding: 30px;
	background-color: #222222;
}

.whmcscontainer .landing-page.sitelockvpn .btn-start {
	background-color: #ef8f21;
	text-decoration: none;
	text-transform: uppercase;
}

.whmcscontainer .landing-page.sitelockvpn .hero h1 {
	line-height: 1.1em;
	text-align: left;
}

.whmcscontainer .landing-page.sitelockvpn .hero h2 {
	display: block;
	text-align: left;
line-height: 1.2em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing {
	background-color: #222222;
	padding: 30px;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle {
	background-color: #0a8fc8;
	color: #fff;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .price {
	color: #222222;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle .label-info {
	background-color: #ef8f21;
}

.whmcscontainer .landing-page.sitelockvpn .btn-signup,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight1,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight2 {
	margin: 0;
	background-color: #ef8f21;
}

.whmcscontainer .landing-page.sitelockvpn .feature h3 {
	text-align: left;
	line-height: 1.1em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.world span {
	color: #222222;
}

.whmcscontainer .landing-page.sitelockvpn .feature.countries {
	background-color: transparent;
}
.navmain-mega ul li .sublinks li.navicon-vpn { background: url("../images/icon-vpn.png") 5px center no-repeat; }
					
/* Nav Clientexec */

.navmain-mega ul li .sublinks li.navicon-clientexectemplates { background: url("../images/icon-clientexectemplates.png") 5px center no-repeat; }

.navmain-mega ul li .sublinks li.navicon-clientexecservices { background: url("../images/icon-clientexecservices.png") 5px center no-repeat; }

/* VPN */

.whmcscontainer .landing-page.sitelockvpn .hero {
	padding: 30px;
	background-color: #1f4a8a;
}

.whmcscontainer .landing-page.sitelockvpn .btn-start {
	background-color: #d07f02;
	text-decoration: none;
	text-transform: uppercase;
}

.whmcscontainer .landing-page.sitelockvpn .hero h1 {
	line-height: 1.1em;
	text-align: left;
}

.whmcscontainer .landing-page.sitelockvpn .hero h2 {
	display: block;
	text-align: left;
line-height: 1.2em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing {
	background-color: #1f4a8a;
	padding: 30px;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle {
	background-color: #091930;
	color: #fff;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .price {
	color: #000;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle .label-info {
	background-color: #d07f02;
}

.whmcscontainer .landing-page.sitelockvpn .btn-signup,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight1,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight2 {
	margin: 0;
	background-color: #d07f02;
}

.whmcscontainer .landing-page.sitelockvpn .feature h3 {
	text-align: left;
	line-height: 1.1em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.world span {
	color: #000;
}

.whmcscontainer .landing-page.sitelockvpn .feature.countries {
	background-color: transparent;
}
.navmain-mega ul li .sublinks li.navicon-vpn { background: url("../images/icon-vpn.png") 5px center no-repeat; }
					
/* Nav Clientexec */

.navmain-mega ul li .sublinks li.navicon-clientexectemplates { background: url("../images/icon-clientexectemplates.png") 5px center no-repeat; }

.navmain-mega ul li .sublinks li.navicon-clientexecservices { background: url("../images/icon-clientexecservices.png") 5px center no-repeat; }

/* VPN */

.whmcscontainer .landing-page.sitelockvpn .hero {
	padding: 30px;
	background-color: #2d3043;
}

.whmcscontainer .landing-page.sitelockvpn .btn-start {
	background-color: #1e9fb4;
	text-decoration: none;
	text-transform: uppercase;
}

.whmcscontainer .landing-page.sitelockvpn .hero h1 {
	line-height: 1.1em;
	text-align: left;
}

.whmcscontainer .landing-page.sitelockvpn .hero h2 {
	display: block;
	text-align: left;
line-height: 1.2em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing {
	background-color: #2d3043;
	padding: 30px;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle {
	background-color: #091930;
	color: #fff;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .price {
	color: #000;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle .label-info {
	background-color: #1e9fb4;
}

.whmcscontainer .landing-page.sitelockvpn .btn-signup,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight1,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight2 {
	margin: 0;
	background-color: #1e9fb4;
}

.whmcscontainer .landing-page.sitelockvpn .feature h3 {
	text-align: left;
	line-height: 1.1em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.world span {
	color: #1e9fb4;
}

.whmcscontainer .landing-page.sitelockvpn .feature.countries {
	background-color: transparent;
}
.navmain-mega ul li .sublinks li.navicon-vpn { background: url("../images/icon-vpn.png") 5px center no-repeat; }
					
/* Nav Clientexec */

.navmain-mega ul li .sublinks li.navicon-clientexectemplates { background: url("../images/icon-clientexectemplates.png") 5px center no-repeat; }

.navmain-mega ul li .sublinks li.navicon-clientexecservices { background: url("../images/icon-clientexecservices.png") 5px center no-repeat; }

/* VPN */

.whmcscontainer .landing-page.sitelockvpn .hero {
	padding: 30px;
	background-color: #2a2a2a;
}

.whmcscontainer .landing-page.sitelockvpn .btn-start {
	background-color: #fab43d;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: #000 1px 1px;
}

.whmcscontainer .landing-page.sitelockvpn .hero h1 {
	line-height: 1.1em;
	text-align: left;
}

.whmcscontainer .landing-page.sitelockvpn .hero h2 {
	display: block;
	text-align: left;
line-height: 1.2em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing {
	background-color: #2a2a2a;
	padding: 30px;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle {
	background-color: #000000;
	color: #fff;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .price {
	color: #000;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle .label-info {
	background-color: #fab43d;
}

.whmcscontainer .landing-page.sitelockvpn .btn-signup,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight1,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight2 {
	margin: 0;
	background-color: #fab43d;
	text-shadow: #000 1px 1px;
}

.whmcscontainer .landing-page.sitelockvpn .feature h3 {
	text-align: left;
	line-height: 1.1em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.world span {
	color: #1e9fb4;
}

.whmcscontainer .landing-page.sitelockvpn .feature.countries {
	background-color: transparent;
}
.navmain-mega ul li .sublinks li.navicon-vpn { background: url("../images/icon-vpn.png") 5px center no-repeat; }
					
/* Nav Clientexec */

.navmain-mega ul li .sublinks li.navicon-clientexectemplates { background: url("../images/icon-clientexectemplates.png") 5px center no-repeat; }

.navmain-mega ul li .sublinks li.navicon-clientexecservices { background: url("../images/icon-clientexecservices.png") 5px center no-repeat; }

/* VPN */

.whmcscontainer .landing-page.sitelockvpn .hero {
	padding: 30px;
	background-color: #50aeeb;
}

.whmcscontainer .landing-page.sitelockvpn .btn-start {
	background-color: #154577;
	text-decoration: none;
	text-transform: uppercase;
}

.whmcscontainer .landing-page.sitelockvpn .hero h1 {
	line-height: 1.1em;
	text-align: left;
}

.whmcscontainer .landing-page.sitelockvpn .hero h2 {
	display: block;
	text-align: left;
line-height: 1.2em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing {
	background-color: #50aeeb;
	padding: 30px;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle {
	background-color: #154577;
	color: #fff;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .price {
	color: #000;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle .label-info {
	background-color: #ffd200;
	color: #000;
}

.whmcscontainer .landing-page.sitelockvpn .btn-signup,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight1,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight2 {
	margin: 0;
	background-color: #154577;
}

.whmcscontainer .landing-page.sitelockvpn .feature h3 {
	text-align: left;
	line-height: 1.1em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.world span {
	color: #154577;
}

.whmcscontainer .landing-page.sitelockvpn .feature.countries {
	background-color: transparent;
}
.navmain-mega ul li .sublinks li.navicon-vpn { background: url("../images/icon-vpn.png") 5px center no-repeat; }
					
/* Nav Clientexec */

.navmain-mega ul li .sublinks li.navicon-clientexectemplates { background: url("../images/icon-clientexectemplates.png") 5px center no-repeat; }

.navmain-mega ul li .sublinks li.navicon-clientexecservices { background: url("../images/icon-clientexecservices.png") 5px center no-repeat; }

/* VPN */

.whmcscontainer .landing-page.sitelockvpn .hero {
	padding: 30px;
	background-color: #ff8201;
}

.whmcscontainer .landing-page.sitelockvpn .btn-start {
	background-color: #555555;
	text-decoration: none;
	text-transform: uppercase;
}

.whmcscontainer .landing-page.sitelockvpn .hero h1 {
	line-height: 1.1em;
	text-align: left;
}

.whmcscontainer .landing-page.sitelockvpn .hero h2 {
	display: block;
	text-align: left;
line-height: 1.2em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing {
	background-color: #ff8201;
	padding: 30px;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle {
	background-color: #1d1c1c;
	color: #fff;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .price {
	color: #000;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle .label-info {
	background-color: #ff8201;
}

.whmcscontainer .landing-page.sitelockvpn .btn-signup,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight1,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight2 {
	margin: 0;
	background-color: #555555;
}

.whmcscontainer .landing-page.sitelockvpn .feature h3 {
	text-align: left;
	line-height: 1.1em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.world span {
	color: #000;
}

.whmcscontainer .landing-page.sitelockvpn .feature.countries {
	background-color: transparent;
}
.navmain-mega ul li .sublinks li.navicon-vpn { background: url("../images/icon-vpn.png") 5px center no-repeat; }
					
/* Nav Clientexec */

.navmain-mega ul li .sublinks li.navicon-clientexectemplates { background: url("../images/icon-clientexectemplates.png") 5px center no-repeat; }

.navmain-mega ul li .sublinks li.navicon-clientexecservices { background: url("../images/icon-clientexecservices.png") 5px center no-repeat; }

/* VPN */

.whmcscontainer .landing-page.sitelockvpn .hero {
	padding: 30px;
	background-color: #1c1c1c;
}

.whmcscontainer .landing-page.sitelockvpn .btn-start {
	background-color: #f04646;
	text-decoration: none;
	text-transform: uppercase;
}

.whmcscontainer .landing-page.sitelockvpn .hero h1 {
	line-height: 1.1em;
	text-align: left;
}

.whmcscontainer .landing-page.sitelockvpn .hero h2 {
	display: block;
	text-align: left;
line-height: 1.2em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing {
	background-color: #1c1c1c;
	padding: 30px;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle {
	background-color: #f0b945;
	color: #fff;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .price {
	color: #000;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle .label-info {
	background-color: #f04646;
}

.whmcscontainer .landing-page.sitelockvpn .btn-signup,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight1,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight2 {
	margin: 0;
	background-color: #f04646;
}

.whmcscontainer .landing-page.sitelockvpn .feature h3 {
	text-align: left;
	line-height: 1.1em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.world span {
	color: #f04646;
}

.whmcscontainer .landing-page.sitelockvpn .feature.countries {
	background-color: transparent;
}
.navmain-mega ul li .sublinks li.navicon-vpn { background: url("../images/icon-vpn.png") 5px center no-repeat; }
					
/* Nav Clientexec */

.navmain-mega ul li .sublinks li.navicon-clientexectemplates { background: url("../images/icon-clientexectemplates.png") 5px center no-repeat; }

.navmain-mega ul li .sublinks li.navicon-clientexecservices { background: url("../images/icon-clientexecservices.png") 5px center no-repeat; }

/* VPN */

.whmcscontainer .landing-page.sitelockvpn .hero {
	padding: 30px;
	background-color: #000000;
}

.whmcscontainer .landing-page.sitelockvpn .btn-start {
	background-color: #db2728;
	text-decoration: none;
	text-transform: uppercase;
}

.whmcscontainer .landing-page.sitelockvpn .hero h1 {
	line-height: 1.1em;
	text-align: left;
}

.whmcscontainer .landing-page.sitelockvpn .hero h2 {
	display: block;
	text-align: left;
line-height: 1.2em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing {
	background-color: #000000;
	padding: 30px;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle {
	background-color: #444444;
	color: #fff;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .price {
	color: #000;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle .label-info {
	background-color: #db2728;
}

.whmcscontainer .landing-page.sitelockvpn .btn-signup,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight1,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight2 {
	margin: 0;
	background-color: #db2728;
}

.whmcscontainer .landing-page.sitelockvpn .feature h3 {
	text-align: left;
	line-height: 1.1em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.world span {
	color: #db2728;
}

.whmcscontainer .landing-page.sitelockvpn .feature.countries {
	background-color: transparent;
}
.navmain-mega ul li .sublinks li.navicon-vpn { background: url("../images/icon-vpn.png") 5px center no-repeat; }
					
/* Nav Clientexec */

.navmain-mega ul li .sublinks li.navicon-clientexectemplates { background: url("../images/icon-clientexectemplates.png") 5px center no-repeat; }

.navmain-mega ul li .sublinks li.navicon-clientexecservices { background: url("../images/icon-clientexecservices.png") 5px center no-repeat; }

/* VPN */

.whmcscontainer .landing-page.sitelockvpn .hero {
	padding: 30px;
	background-color: #393939;
}

.whmcscontainer .landing-page.sitelockvpn .btn-start {
	background-color: #9dc600;
	text-decoration: none;
	text-transform: uppercase;
}

.whmcscontainer .landing-page.sitelockvpn .hero h1 {
	line-height: 1.1em;
	text-align: left;
}

.whmcscontainer .landing-page.sitelockvpn .hero h2 {
	display: block;
	text-align: left;
line-height: 1.2em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing {
	background-color: #393939;
	padding: 30px;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle {
	background-color: #0f0e0e;
	color: #fff;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .price {
	color: #000;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle .label-info {
	background-color: #9dc600;
}

.whmcscontainer .landing-page.sitelockvpn .btn-signup,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight1,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight2 {
	margin: 0;
	background-color: #9dc600;
	box-shadow: none;
}

.whmcscontainer .landing-page.sitelockvpn .feature h3 {
	text-align: left;
	line-height: 1.1em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.world span {
	color: #ae0500;
}

.whmcscontainer .landing-page.sitelockvpn .feature.countries {
	background-color: transparent;
}
.navmain-mega ul li .sublinks li.navicon-vpn { background: url("../images/icon-vpn.png") 5px center no-repeat; }
					
/* Nav Clientexec */

.navmain-mega ul li .sublinks li.navicon-clientexectemplates { background: url("../images/icon-clientexectemplates.png") 5px center no-repeat; }

.navmain-mega ul li .sublinks li.navicon-clientexecservices { background: url("../images/icon-clientexecservices.png") 5px center no-repeat; }

/* VPN */

.whmcscontainer .landing-page.sitelockvpn .hero {
	padding: 30px;
	background-color: #131213;
}

.whmcscontainer .landing-page.sitelockvpn .btn-start {
	background-color: #a90504;
	text-decoration: none;
	text-transform: uppercase;
}

.whmcscontainer .landing-page.sitelockvpn .hero h1 {
	line-height: 1.1em;
	text-align: left;
}

.whmcscontainer .landing-page.sitelockvpn .hero h2 {
	display: block;
	text-align: left;
line-height: 1.2em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing {
	background-color: #131213;
	padding: 30px;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle {
	background-color: #363435;
	color: #fff;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .price {
	color: #000;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle .label-info {
	background-color: #a90504;
}

.whmcscontainer .landing-page.sitelockvpn .btn-signup,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight1,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight2 {
	margin: 0;
	background-color: #a90504;
	box-shadow: none;
}

.whmcscontainer .landing-page.sitelockvpn .feature h3 {
	text-align: left;
	line-height: 1.1em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.world span {
	color: #a90504;
}

.whmcscontainer .landing-page.sitelockvpn .feature.countries {
	background-color: transparent;
}
.navmain-mega ul li .sublinks li.navicon-vpn { background: url("../images/icon-vpn.png") 5px center no-repeat; }
					
/* Nav Clientexec */

.navmain-mega ul li .sublinks li.navicon-clientexectemplates { background: url("../images/icon-clientexectemplates.png") 5px center no-repeat; }

.navmain-mega ul li .sublinks li.navicon-clientexecservices { background: url("../images/icon-clientexecservices.png") 5px center no-repeat; }

/* VPN */

.whmcscontainer .landing-page.sitelockvpn .hero {
	padding: 30px;
	background-color: #27201e;
}

.whmcscontainer .landing-page.sitelockvpn .btn-start {
	background-color: #9ab010;
	text-decoration: none;
	text-transform: uppercase;
}

.whmcscontainer .landing-page.sitelockvpn .hero h1 {
	line-height: 1.1em;
	text-align: left;
}

.whmcscontainer .landing-page.sitelockvpn .hero h2 {
	display: block;
	text-align: left;
line-height: 1.2em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing {
	background-color: #27201e;
	padding: 30px;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle {
	background-color: #857a72;
	color: #fff;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .price {
	color: #000;
}

.whmcscontainer .landing-page.sitelockvpn .feature.pricing .cycle .label-info {
	background-color: #9ab010;
}

.whmcscontainer .landing-page.sitelockvpn .btn-signup,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight1,
.whmcscontainer .landing-page.sitelockvpn .btn-signup.highlight2 {
	margin: 0;
	background-color: #9ab010;
	box-shadow: none;
}

.whmcscontainer .landing-page.sitelockvpn .feature h3 {
	text-align: left;
	line-height: 1.1em;
}

.whmcscontainer .landing-page.sitelockvpn .feature.world span {
	color: #9ab010;
}

.whmcscontainer .landing-page.sitelockvpn .feature.countries {
	background-color: transparent;
}

New language text

Firstly we need to add all of the new language text from this update to the language files.

Open: /whmcs_path/modules/addons/zomex_template_manager/english.php

Add the following to the bottom of this file and every other language file for the languages you use:

$_LANG['button_demo'] = "View Demo";
	
	$_LANG['clientexectemplatestitle'] = "Clientexec Templates";
	$_LANG['clientexecservicestitle'] = "Clientexec Services";
	
	$_LANG['menu_addons_clientexectemplates'] = "Clientexec Templates";
	$_LANG['menu_addons_clientexectemplates_desc'] = "Powerful templates for Clientexec";
	
	$_LANG['menu_addons_clientexecservices'] = "Clientexec Services";
	$_LANG['menu_addons_clientexecservices_desc'] = "Installation & integration";
	
	$_LANG['addons_clientexectemplates'] = "Our Clientexec Templates are built from scratch including a HTML5 version for your main website and stunning Clientexec integration out of the box.";
	$_LANG['addons_clientexecservices'] = "We provide a mix of premium Clientexec Services including installation, configuration & integration.";
	
	$_LANG['addons_clientexectemplates_text'] = "These Clientexec Templates are designed for your web hosting reseller business. They are feature rich and come with reliable support. Each template also comes with optional Clientexec integration ($30/year) that will automatically sync with your HTML pages. Clientexec will add the account provisioning, invoicing, checkout & account functionality needed for your business.";
	
	$_LANG['addons_clientexecservices_text'] = "A mix of services for the popular web hosting provider software, Clientexec.";
	
	$_LANG['addons_clientexecservices_1_title'] = "Clientexec Integration";
	$_LANG['addons_clientexecservices_1_desc'] = "This service involves taking your existing website design (whether it's static, Wordpress, Joomla or just about any format) and using the design files to create a matching Clientexec template.";
	$_LANG['addons_clientexecservices_1_order'] = "Order Clientexec Integration";
	
	$_LANG['addons_clientexecservices_2_title'] = "Clientexec installation";
	$_LANG['addons_clientexecservices_2_desc'] = "We will install the latest version of Clientexec on your domain at the location of your choice. This service is a low cost and effort free way to have Clientexec installed. As with all of our services you can rest easy knowing it's carried out professionally.";
	$_LANG['addons_clientexecservices_2_order'] = "Order Clientexec Installation";
	
	$_LANG['meta_title_clientexectemplates'] = "Clientexec Templates - We provide HTML5 Clientexec templates that are fully responsive and professionally designed | Mobile Clientexec templates";
	$_LANG['meta_description_clientexectemplates'] = "All of our Clientexec templates are coded with HTML5/CSS3 and are fully responsive";
	$_LANG['meta_tags_clientexectemplates'] = "clientexec, clientexec templates, clientexec web hosting templates";
	
	$_LANG['meta_title_clientexecservices'] = "Clientexec Services - We provide reliable Clientexec services including Clientexec Installation & Clientexec Integration";
	$_LANG['meta_description_clientexecservices'] = "We provide reliable and manual Bleata services including installation and integration.";
	$_LANG['meta_tags_clientexecservices'] = "clientexec services, clientexec, clientexec installation, clientexec configuration";

New MarketConnect VPN page

The following edits will add the new MarketConnect VPN page to the menu. This link will only display if you have the new VPN service activated in WHMCS under Setup > MarketConnect. This edit is only required for our WHMCS templates (not the HTML/WordPress formats).

Open: /whmcs_path/templates/your_active_template/includes/menu.tpl

Find the following code (it may look slightly different but that is fine as we are replacing the whole section):

{* Marketplaceconnect links *}
	{if $symantec}<li class="navicon navicon-ssl"><a href="{$WEB_ROOT}/{$symantec}">{$LANG.navMarketConnectService.symantec}<em><br />{$LANG.store.ssl.dv.tagline}</em></a></li>{/if}
	{if $spamexperts}<li class="navicon navicon-email"><a href="{$WEB_ROOT}/{$spamexperts}">{$LANG.navMarketConnectService.spamexperts}<em><br />{$LANG.store.emailServices.tagline}</em></a></li>{/if}
	{if $weebly}<li class="navicon navicon-websitebuilder"><a href="{$WEB_ROOT}/{$weebly}">{$LANG.navMarketConnectService.weebly}<em><br />{$LANG.store.websiteBuilder.tagline}</em></a></li>{/if}
	{if $sitelock}<li class="navicon navicon-sitelock"><a href="{$WEB_ROOT}/{$sitelock}">{$LANG.navMarketConnectService.sitelock}<em><br />{$LANG.store.sitelock.tagline}</em></a></li>{/if}
	{if $codeguard}<li class="navicon navicon-codeguard"><a href="{$WEB_ROOT}/{$codeguard}">{$LANG.navMarketConnectService.codeguard}<em><br />{$LANG.store.codeguard.cartTitle}</em></a></li>{/if}
{* End Marketplaceconnect links *}

And replace with the following:

{* Marketplaceconnect links *}
		{if $symantec}<li class="navicon navicon-ssl"><a href="{$WEB_ROOT}/{$symantec}">{$LANG.navMarketConnectService.symantec}<em><br />{$LANG.store.ssl.dv.tagline}</em></a></li>{/if}
		{if $spamexperts}<li class="navicon navicon-email"><a href="{$WEB_ROOT}/{$spamexperts}">{$LANG.navMarketConnectService.spamexperts}<em><br />{$LANG.store.emailServices.tagline}</em></a></li>{/if}
		{if $weebly}<li class="navicon navicon-websitebuilder"><a href="{$WEB_ROOT}/{$weebly}">{$LANG.navMarketConnectService.weebly}<em><br />{$LANG.store.websiteBuilder.tagline}</em></a></li>{/if}
		{if $sitelock}<li class="navicon navicon-sitelock"><a href="{$WEB_ROOT}/{$sitelock}">{$LANG.navMarketConnectService.sitelock}<em><br />{$LANG.store.sitelock.tagline}</em></a></li>{/if}
		{if $codeguard}<li class="navicon navicon-codeguard"><a href="{$WEB_ROOT}/{$codeguard}">{$LANG.navMarketConnectService.codeguard}<em><br />{$LANG.store.codeguard.cartTitle}</em></a></li>{/if}	
		{if $vpn}<li class="navicon navicon-vpn"><a href="{$WEB_ROOT}/{$vpn}">{$LANG.navMarketConnectService.sitelockvpn}<em><br />{$LANG.store.sitelockvpn.cartTitle}</em></a></li>{/if}	
{* End Marketplaceconnect links *}

Find the following code (it may look slightly different but that is fine as we are replacing the whole section):

{* Marketplaceconnect links *}
	{if $symantec}<option value="{$WEB_ROOT}/{$symantec}">- {$LANG.navMarketConnectService.symantec}</option>{/if}
	{if $spamexperts}<option value="{$WEB_ROOT}/{$spamexperts}">- {$LANG.navMarketConnectService.spamexperts}</option>{/if}
	{if $weebly}<option value="{$WEB_ROOT}/{$weebly}">- {$LANG.navMarketConnectService.weebly}</option>{/if}
	{if $sitelock}<option value="{$WEB_ROOT}/{$sitelock}">- {$LANG.navMarketConnectService.sitelock}</option>{/if}
	{if $codeguard}<option value="{$WEB_ROOT}/{$codeguard}">- {$LANG.navMarketConnectService.codeguard}</option>{/if}
{* End Marketplaceconnect links *}

And replace with the following:

{* Marketplaceconnect links *}
		{if $symantec}<option value="{$WEB_ROOT}/{$symantec}">- {$LANG.navMarketConnectService.symantec}</option>{/if}
		{if $spamexperts}<option value="{$WEB_ROOT}/{$spamexperts}">- {$LANG.navMarketConnectService.spamexperts}</option>{/if}
		{if $weebly}<option value="{$WEB_ROOT}/{$weebly}">- {$LANG.navMarketConnectService.weebly}</option>{/if}
		{if $sitelock}<option value="{$WEB_ROOT}/{$sitelock}">- {$LANG.navMarketConnectService.sitelock}</option>{/if}
		{if $codeguard}<option value="{$WEB_ROOT}/{$codeguard}">- {$LANG.navMarketConnectService.codeguard}</option>{/if}
		{if $vpn}<option value="{$WEB_ROOT}/{$vpn}">- {$LANG.navMarketConnectService.vpn}</option>{/if}
	{* End Marketplaceconnect links *}

Open: /whmcs_path/templates/your_active_template/footer.tpl

{* Marketplaceconnect links *}
	{if $symantec}<li><a href="{$WEB_ROOT}/{$symantec}">{$LANG.navMarketConnectService.symantec}</a></li>{/if}		
	{if $spamexperts}<li><a href="{$WEB_ROOT}/{$spamexperts}">{$LANG.navMarketConnectService.spamexperts}</a></li>{/if}
	{if $weebly}<li><a href="{$WEB_ROOT}/{$weebly}">{$LANG.navMarketConnectService.weebly}</a></li>{/if}
	{if $sitelock}<li><a href="{$WEB_ROOT}/{$sitelock}">{$LANG.navMarketConnectService.sitelock}</a></li>{/if}
	{if $codeguard}<li><a href="{$WEB_ROOT}/{$codeguard}">{$LANG.navMarketConnectService.codeguard}</a></li>{/if}
{* End Marketplaceconnect links *}

And replace with the following:

{* Marketplaceconnect links *}
		{if $symantec}<li><a href="{$WEB_ROOT}/{$symantec}">{$LANG.navMarketConnectService.symantec}</a></li>{/if}		
		{if $spamexperts}<li><a href="{$WEB_ROOT}/{$spamexperts}">{$LANG.navMarketConnectService.spamexperts}</a></li>{/if}
		{if $weebly}<li><a href="{$WEB_ROOT}/{$weebly}">{$LANG.navMarketConnectService.weebly}</a></li>{/if}
		{if $sitelock}<li><a href="{$WEB_ROOT}/{$sitelock}">{$LANG.navMarketConnectService.sitelock}</a></li>{/if}
		{if $codeguard}<li><a href="{$WEB_ROOT}/{$codeguard}">{$LANG.navMarketConnectService.codeguard}</a></li>{/if}
		{if $vpn}<li><a href="{$WEB_ROOT}/{$vpn}">{$LANG.navMarketConnectService.sitelockvpn}</a></li>{/if}
	{* End Marketplaceconnect links *}

New Clientexec templates & service pages

The following edits will add the new Clientexec Templates & Clientexec Services pages your template. As part of the upload Wizard Panel will be updated to V2.0 which adds the new settings to enable/disable the Clientexec pages & edit the SEO data.

Open: /whmcs_path/configuration_template.php

Add the following to the bottom of this file:

$clientexectemplates_page = 'clientexec-templates.php';
$clientexectemplates_tpl = 'clientexec-templates';
$clientexecservices_page = 'clientexec-services.php';
$clientexecservices_tpl = 'clientexec-services';

Open: /whmcs_path/templates/your_active_template/includes/menu.tpl

Find the following code (it may look slightly different but that is fine as we are replacing the whole section):

{if $addons_whmcstemplates eq "on"}<li class="navicon navicon-whmcstemplates"><a href="{$WEB_ROOT}/whmcs-templates.php">{$LANG.menu_addons_whmcstemplates}<em><br />{$LANG.menu_addons_whmcstemplates_desc}</em></a></li>{/if}
	{if $addons_wordpressthemes eq "on"}<li class="navicon navicon-wordpressthemes"><a href="{$WEB_ROOT}/wordpress-themes.php">{$LANG.menu_addons_wordpressthemes}<em><br />{$LANG.menu_addons_wordpressthemes_desc}</em></a></li>{/if}
	{if $addons_htmltemplates eq "on"}<li class="navicon navicon-htmltemplates"><a href="{$WEB_ROOT}/html-templates.php">{$LANG.menu_addons_htmltemplates}<em><br />{$LANG.menu_addons_htmltemplates_desc}</em></a></li>{/if}
	{if $addons_blestatemplates eq "on"}<li class="navicon navicon-blestatemplates"><a href="{$WEB_ROOT}/blesta-templates.php">{$LANG.menu_addons_blestatemplates}<em><br />{$LANG.menu_addons_blestatemplates_desc}</em></a></li>{/if}
	{if $addons_codescripts eq "on"}<li class="navicon navicon-scripts"><a href="{$WEB_ROOT}/code-scripts.php">{$LANG.menu_addons_codescripts}<em><br />{$LANG.menu_addons_codescripts_desc}</em></a></li>{/if}
	{if $addons_logodesign eq "on"}<li class="navicon navicon-logodesign"><a href="{$WEB_ROOT}/logo-design.php">{$LANG.menu_addons_logodesign}<em><br />{$LANG.menu_addons_logodesign_desc}</em></a></li>{/if}
	{if $addons_bannerdesign eq "on"}<li class="navicon navicon-bannerdesign"><a href="{$WEB_ROOT}/banner-design.php">{$LANG.menu_addons_bannerdesign}<em><br />{$LANG.menu_addons_bannerdesign_desc}</em></a></li>{/if}
	{if $addons_whmcsmodules eq "on"}<li class="navicon navicon-whmcsmodules"><a href="{$WEB_ROOT}/whmcs-modules.php">{$LANG.menu_addons_whmcsmodules}<em><br />{$LANG.menu_addons_whmcsmodules_desc}</em></a></li>{/if}
	{if $addons_whmcsservices eq "on"}<li class="navicon navicon-whmcsservices"><a href="{$WEB_ROOT}/whmcs-services.php">{$LANG.menu_addons_whmcsservices}<em><br />{$LANG.menu_addons_whmcsservices_desc}</em></a></li>{/if}
	{if $addons_wordpressservices eq "on"}<li class="navicon navicon-wordpressservices"><a href="{$WEB_ROOT}/wordpress-services.php">{$LANG.menu_addons_wordpressservices}<em><br />{$LANG.menu_addons_wordpressservices_desc}</em></a></li>{/if}
	{if $addons_blestaservices eq "on"}<li class="navicon navicon-blestaservices"><a href="{$WEB_ROOT}/blesta-services.php">{$LANG.menu_addons_blestaservices}<em><br />{$LANG.menu_addons_blestaservices_desc}</em></a></li>{/if}

And replace with the following:

{if $addons_whmcstemplates eq "on"}<li class="navicon navicon-whmcstemplates"><a href="{$WEB_ROOT}/whmcs-templates.php">{$LANG.menu_addons_whmcstemplates}<em><br />{$LANG.menu_addons_whmcstemplates_desc}</em></a></li>{/if}
	{if $addons_wordpressthemes eq "on"}<li class="navicon navicon-wordpressthemes"><a href="{$WEB_ROOT}/wordpress-themes.php">{$LANG.menu_addons_wordpressthemes}<em><br />{$LANG.menu_addons_wordpressthemes_desc}</em></a></li>{/if}
	{if $addons_htmltemplates eq "on"}<li class="navicon navicon-htmltemplates"><a href="{$WEB_ROOT}/html-templates.php">{$LANG.menu_addons_htmltemplates}<em><br />{$LANG.menu_addons_htmltemplates_desc}</em></a></li>{/if}
	{if $addons_blestatemplates eq "on"}<li class="navicon navicon-blestatemplates"><a href="{$WEB_ROOT}/blesta-templates.php">{$LANG.menu_addons_blestatemplates}<em><br />{$LANG.menu_addons_blestatemplates_desc}</em></a></li>{/if}
	{if $addons_clientexectemplates eq "on"}<li class="navicon navicon-clientexectemplates"><a href="{$WEB_ROOT}/clientexec-templates.php">{$LANG.menu_addons_clientexectemplates}<em><br />{$LANG.menu_addons_clientexectemplates_desc}</em></a></li>{/if}
	{if $addons_codescripts eq "on"}<li class="navicon navicon-scripts"><a href="{$WEB_ROOT}/code-scripts.php">{$LANG.menu_addons_codescripts}<em><br />{$LANG.menu_addons_codescripts_desc}</em></a></li>{/if}
	{if $addons_logodesign eq "on"}<li class="navicon navicon-logodesign"><a href="{$WEB_ROOT}/logo-design.php">{$LANG.menu_addons_logodesign}<em><br />{$LANG.menu_addons_logodesign_desc}</em></a></li>{/if}
	{if $addons_bannerdesign eq "on"}<li class="navicon navicon-bannerdesign"><a href="{$WEB_ROOT}/banner-design.php">{$LANG.menu_addons_bannerdesign}<em><br />{$LANG.menu_addons_bannerdesign_desc}</em></a></li>{/if}
	{if $addons_whmcsmodules eq "on"}<li class="navicon navicon-whmcsmodules"><a href="{$WEB_ROOT}/whmcs-modules.php">{$LANG.menu_addons_whmcsmodules}<em><br />{$LANG.menu_addons_whmcsmodules_desc}</em></a></li>{/if}
	{if $addons_whmcsservices eq "on"}<li class="navicon navicon-whmcsservices"><a href="{$WEB_ROOT}/whmcs-services.php">{$LANG.menu_addons_whmcsservices}<em><br />{$LANG.menu_addons_whmcsservices_desc}</em></a></li>{/if}
	{if $addons_wordpressservices eq "on"}<li class="navicon navicon-wordpressservices"><a href="{$WEB_ROOT}/wordpress-services.php">{$LANG.menu_addons_wordpressservices}<em><br />{$LANG.menu_addons_wordpressservices_desc}</em></a></li>{/if}
	{if $addons_blestaservices eq "on"}<li class="navicon navicon-blestaservices"><a href="{$WEB_ROOT}/blesta-services.php">{$LANG.menu_addons_blestaservices}<em><br />{$LANG.menu_addons_blestaservices_desc}</em></a></li>{/if}		
	{if $addons_clientexecservices eq "on"}<li class="navicon navicon-clientexecservices"><a href="{$WEB_ROOT}/clientexec-services.php">{$LANG.menu_addons_clientexecservices}<em><br />{$LANG.menu_addons_clientexecservices_desc}</em></a></li>{/if}

Find the following code (it may look slightly different but that is fine as we are replacing the whole section):

{if $addons_whmcstemplates eq "on"}<option value="{$WEB_ROOT}/whmcs-templates.php">- {$LANG.menu_addons_whmcstemplates}</option>{/if}
	{if $addons_wordpressthemes eq "on"}<option value="{$WEB_ROOT}/wordpress-themes.php">- {$LANG.menu_addons_wordpressthemes}</option>{/if}
	{if $addons_htmltemplates eq "on"}<option value="{$WEB_ROOT}/html-templates.php">- {$LANG.menu_addons_htmltemplates}</option>{/if}
	{if $addons_blestatemplates eq "on"}<option value="{$WEB_ROOT}/blesta-templates.php">- {$LANG.menu_addons_blestatemplates}</option>{/if}
	{if $addons_codescripts eq "on"}<option value="{$WEB_ROOT}/code-scripts.php">- {$LANG.menu_addons_codescripts}</option>{/if}
	{if $addons_logodesign eq "on"}<option value="{$WEB_ROOT}/logo-design.php">- {$LANG.menu_addons_logodesign}</option>{/if}
	{if $addons_bannerdesign eq "on"}<option value="{$WEB_ROOT}/banner-design.php">- {$LANG.menu_addons_bannerdesign}</option>{/if}
	{if $addons_whmcsmodules eq "on"}<option value="{$WEB_ROOT}/whmcs-modules.php">- {$LANG.menu_addons_whmcsmodules}</option>{/if}
	{if $addons_whmcsservices eq "on"}<option value="{$WEB_ROOT}/whmcs-services.php">- {$LANG.menu_addons_whmcsservices}</option>{/if}
	{if $addons_wordpressservices eq "on"}<option value="{$WEB_ROOT}/wordpress-services.php">- {$LANG.menu_addons_wordpressservices}</option>{/if}
	{if $addons_blestaservices eq "on"}<option value="{$WEB_ROOT}/blesta-services.php">- {$LANG.menu_addons_blestaservices}</option>{/if}

And replace with the following:

{if $addons_whmcstemplates eq "on"}<option value="{$WEB_ROOT}/whmcs-templates.php">- {$LANG.menu_addons_whmcstemplates}</option>{/if}
	{if $addons_wordpressthemes eq "on"}<option value="{$WEB_ROOT}/wordpress-themes.php">- {$LANG.menu_addons_wordpressthemes}</option>{/if}
	{if $addons_htmltemplates eq "on"}<option value="{$WEB_ROOT}/html-templates.php">- {$LANG.menu_addons_htmltemplates}</option>{/if}
	{if $addons_blestatemplates eq "on"}<option value="{$WEB_ROOT}/blesta-templates.php">- {$LANG.menu_addons_blestatemplates}</option>{/if}
	{if $addons_clientexectemplates eq "on"}<option value="{$WEB_ROOT}/clientexec-templates.php">- {$LANG.menu_addons_clientexectemplates}</option>{/if}
	{if $addons_codescripts eq "on"}<option value="{$WEB_ROOT}/code-scripts.php">- {$LANG.menu_addons_codescripts}</option>{/if}
	{if $addons_logodesign eq "on"}<option value="{$WEB_ROOT}/logo-design.php">- {$LANG.menu_addons_logodesign}</option>{/if}
	{if $addons_bannerdesign eq "on"}<option value="{$WEB_ROOT}/banner-design.php">- {$LANG.menu_addons_bannerdesign}</option>{/if}
	{if $addons_whmcsmodules eq "on"}<option value="{$WEB_ROOT}/whmcs-modules.php">- {$LANG.menu_addons_whmcsmodules}</option>{/if}
	{if $addons_whmcsservices eq "on"}<option value="{$WEB_ROOT}/whmcs-services.php">- {$LANG.menu_addons_whmcsservices}</option>{/if}
	{if $addons_wordpressservices eq "on"}<option value="{$WEB_ROOT}/wordpress-services.php">- {$LANG.menu_addons_wordpressservices}</option>{/if}
	{if $addons_blestaservices eq "on"}<option value="{$WEB_ROOT}/blesta-services.php">- {$LANG.menu_addons_blestaservices}</option>{/if}
	{if $addons_clientexecservices eq "on"}<option value="{$WEB_ROOT}/clientexec-services.php">- {$LANG.menu_addons_clientexecservices}</option>{/if}

Open: /whmcs_path/templates/your_active_template/footer.tpl

Find the following code (it may look slightly different but that is fine as we are replacing the whole section). Some of our templates do not display the addons pages in the footer, if you can't find this code as all you can either miss this step or optionally you can use the new code to create the footer links:

{if $addons_whmcstemplates eq "on"}<li><a href="{$WEB_ROOT}/whmcs-templates.php">{$LANG.menu_addons_whmcstemplates}</a></li>{/if}
	{if $addons_wordpressthemes eq "on"}<li><a href="{$WEB_ROOT}/wordpress-themes.php">{$LANG.menu_addons_wordpressthemes}</a></li>{/if}
	{if $addons_htmltemplates eq "on"}<li><a href="{$WEB_ROOT}/html-templates.php">{$LANG.menu_addons_htmltemplates}</a></li>{/if}
	{if $addons_blestatemplates eq "on"}<li><a href="{$WEB_ROOT}/blesta-templates.php">{$LANG.menu_addons_blestatemplates}</a></li>{/if}
	{if $addons_codescripts eq "on"}<li><a href="{$WEB_ROOT}/code-scripts.php">{$LANG.menu_addons_codescripts}</a></li>{/if}
	{if $addons_logodesign eq "on"}<li><a href="{$WEB_ROOT}/logo-design.php">{$LANG.menu_addons_logodesign}</a></li>{/if}
	{if $addons_bannerdesign eq "on"}<li><a href="{$WEB_ROOT}/banner-design.php">{$LANG.menu_addons_bannerdesign}</a></li>{/if}
	{if $addons_whmcsmodules eq "on"}<li><a href="{$WEB_ROOT}/whmcs-modules.php">{$LANG.menu_addons_whmcsmodules}</a></li>{/if}
	{if $addons_whmcsservices eq "on"}<li><a href="{$WEB_ROOT}/whmcs-services.php">{$LANG.menu_addons_whmcsservices}</a></li>{/if}
	{if $addons_wordpressservices eq "on"}<li><a href="{$WEB_ROOT}/wordpress-services.php">{$LANG.menu_addons_wordpressservices}</a></li>{/if}
	{if $addons_blestaservices eq "on"}<li><a href="{$WEB_ROOT}/blesta-services.php">{$LANG.menu_addons_blestaservices}</a></li>{/if}

And replace with the following:

{if $addons_whmcstemplates eq "on"}<li><a href="{$WEB_ROOT}/whmcs-templates.php">{$LANG.menu_addons_whmcstemplates}</a></li>{/if}
	{if $addons_wordpressthemes eq "on"}<li><a href="{$WEB_ROOT}/wordpress-themes.php">{$LANG.menu_addons_wordpressthemes}</a></li>{/if}
	{if $addons_htmltemplates eq "on"}<li><a href="{$WEB_ROOT}/html-templates.php">{$LANG.menu_addons_htmltemplates}</a></li>{/if}
	{if $addons_blestatemplates eq "on"}<li><a href="{$WEB_ROOT}/blesta-templates.php">{$LANG.menu_addons_blestatemplates}</a></li>{/if}
	{if $addons_clientexectemplates eq "on"}<li><a href="{$WEB_ROOT}/clientexec-templates.php">{$LANG.menu_addons_clientexectemplates}</a></li>{/if}
	{if $addons_codescripts eq "on"}<li><a href="{$WEB_ROOT}/code-scripts.php">{$LANG.menu_addons_codescripts}</a></li>{/if}
	{if $addons_logodesign eq "on"}<li><a href="{$WEB_ROOT}/logo-design.php">{$LANG.menu_addons_logodesign}</a></li>{/if}
	{if $addons_bannerdesign eq "on"}<li><a href="{$WEB_ROOT}/banner-design.php">{$LANG.menu_addons_bannerdesign}</a></li>{/if}
	{if $addons_whmcsmodules eq "on"}<li><a href="{$WEB_ROOT}/whmcs-modules.php">{$LANG.menu_addons_whmcsmodules}</a></li>{/if}
	{if $addons_whmcsservices eq "on"}<li><a href="{$WEB_ROOT}/whmcs-services.php">{$LANG.menu_addons_whmcsservices}</a></li>{/if}
	{if $addons_wordpressservices eq "on"}<li><a href="{$WEB_ROOT}/wordpress-services.php">{$LANG.menu_addons_wordpressservices}</a></li>{/if}
	{if $addons_blestaservices eq "on"}<li><a href="{$WEB_ROOT}/blesta-services.php">{$LANG.menu_addons_blestaservices}</a></li>{/if}
	{if $addons_clientexecservices eq "on"}<li><a href="{$WEB_ROOT}/clientexec-services.php">{$LANG.menu_addons_clientexecservices}</a></li>{/if}

5. Update Completed

You have now finished updating your template to support WHMCS v7.9. If you see any miss alignment when viewing your website you may need to clear your browser cache to force the updated files to be rendered. If you run into any issues, submit a ticket and we will be happy to assist you.

Request Support

We hope you found this documentation useful. If you run into any issues we will be happy to assist you.