There are total 6 whmcs templates included for you in the WHMCS/templates folder of your purchased zip file (Maxhost - Web Hosting and Corporate WP Theme.zip). The 6 templates are:
1. maxhostaltv83 [*Recommended]
2. maxhostaltv82
3. maxhostaltv81
4. maxhostaltv80
5. maxhostaltv710
6. maxhostaltv79
You need to use just 1 of them in your WHMCS installation. Which one? It depends on which version of WHMCS you are using.
Here we are going to explain more so that you can choose the correct one for you:
NOTE: To simplify the documentation, we are describing here how to use 'maxhostaltv82' in WHMCS version 8.2 or later.
Step 1: Access your WHMCS site through FTP or cPanel. Now, navigate to the /templates directory of your WHMCS. The following screenshot is the 'templates' directory of your WHMCS installation.
Step 2: Upload our given template folder 'maxhostaltv82' into the 'templates' directory of your WHMCS (as shown above). The following screenshot is showing you the 'maxhostaltv82' folder, which is placed in the WHMCS/templates folder of your purchased zip file (Maxhost - Web Hosting and Corporate WP Theme.zip).
Step 3: After successfully uploading the 'maxhostaltv82' folder on your WHMCS, you can activate the template from your WHMCS admin. Login to your WHMCS admin panel and navigate to Admin > System Settings > General Settings > General tab. In this page you will find 'Template' option, where you will choose 'Maxhost-Alt' as your template and click on 'Save Changes' button.
Maxhost-Alt template is Activated. Now you can visit the front-end of your WHMCS and you will find the template is ready with demo header and footer content.
Step 1: First of all make sure your WordPress website's header customization including menu creations are done.
Step 2: Once you are satisfied then open your WordPress website in a browser and press ctrl+u. You will see a new tab is opened with the html of your site.
Step 3: Start copying html lines from where it says 'COPY START FROM THIS LINE TO PLACE THIS INTO THE HEADER.TPL OF WHMCS Maxhost-alt TEMPLATE'
and Stop copying when it says COPY END TILL THIS LINE TO PLACE THIS INTO THE HEADER.TPL OF WHMCS Maxhost-alt TEMPLATE.
Step 4: Now navigate to the folder 'maxhostaltv82' and 'edit' the 'header.tpl' file and paste the copied html into the header.tpl file. (header.tpl file is located in the root of the 'maxhostaltv82' folder). In the header.tpl file
you will see a line says 'CODES FROM MaxHOST THEME HEADER GOES BELOW (DO not touch the codes above this line)' and another line says 'END CODES FROM MaxHOST THEME HEADER (DO not touch the codes below this line)'. You should
remove all the codes between these two lines and paste your copied html here.
Step 1: At first make sure your WordPress website's footer customization are done.
Step 2: Once you are satisfied then open your WordPress website in a browser and press ctrl+u. You will see a new tab is opened with the html of your site.
Step 3: Start copying html lines from where it says 'COPY START FROM THIS LINE TO PLACE THIS INTO THE FOOTER.TPL OF WHMCS Maxhost-alt TEMPLATE' and Stop when it says
'COPY END TILL THIS LINE TO PLACE THIS INTO THE FOOTER.TPL OF WHMCS Maxhost-alt TEMPLATE'.
Step 4: Now navigate to the folder 'maxhostaltv82' and 'edit' the 'footer.tpl' file and paste the copied html into the footer.tpl file of your uploaded template. (footer.tpl file is located in the root of the 'maxhostaltv82' folder). In the footer.tpl file
you will see a line says 'CODES FROM MaxHOST THEME FOOTER GOES BELOW (DO not touch the codes above this line)' and another line says 'CODES FROM MaxHOST THEME FOOTER GOES ABOVE (DO not touch the codes below this line)'.
You should remove all the codes between these two lines and paste your copied html here.
Maxhost template for WHMCS is built for using the 'Standard Cart' Order Form template. So, you need to make sure that you have login to your whmcs admin panel and then go to System Settings > General Settings > Ordering tab and choose 'Standard Cart' as your default order form template.
To change the color of your template, please open header.tpl file and find the following section of codes between around 20 to 40 no. lines:
From the above code uncomment any of the color css line which you want to use. For example if you want to use the red color, the above section of code should be like this:
However, if you want a custom color to use instead of any of the pre-defined colors, then the procedure is as follows:
To replace the default logo with your logo, please open the custom.css file, which is located in the css folder of the template maxhostaltv82. Put the following css code at the bottom of the custom.css file:
.navbar-brand.logo {
background: url(YOUR-LOGO-URL-HERE) no-repeat left 21px !important;
}
Note: Replace 'YOUR-LOGO-URL-HERE' with your original logo url.
For example, if your logo url is: https://www.yourdomain.com/wp-content/uploads/2017/01/Logo-1-2.png
then the css code will be:
.navbar-brand.logo {
background: url(https://www.yourdomain.com/wp-content/uploads/2017/01/Logo-1-2.png) no-repeat left 21px !important;
}
To replace default favicon with your own favicon, please go to your whmcs template's css/image folder and find this file: favicon-16x16.png. Delete this png file and upload your favicon png image in the folder and rename it exactly as 'favicon-16x16.png'.
As we mentioned in Maxhost Theme Details page of ThemeForest, we do NOT give support for any WHMCS issues. WHMCS is not related to WordPress. You will be able to install WHMCS once you purchase WHMCS License from whmcs.com, and you should get support for your WHMCS from WHMCS support team once you got the WHMCS License. If you do not have a WHMCS license yet, you cannot use our custom WHMCS template, you can use our Maxhost WordPress theme only. To use custom Maxhost template for WHMCS, you need to have a WHMCS license and install WHMCS in your server.