HostX WHMCS Web Hosting Template

From WHMCS Global Services Module Documentation
Jump to: navigation, search

About HostX WHMCS Web Hosting Template

HostX Template is designed to give your customers a smooth user experience. Our custom UI of HostX WHMCS template is deep clear and very professional that further provides a full-width screen, RTL support as well as the ability to manage color combinations.

How to install HostX template?

How to upload files with WHMCS?

1. Log in to your client area https://whmcsglobalservices.com/members/clientarea.php and download HostX Template .

2. Extract zip folder.

3. Upload HostX folder to WHMCS (whmcs_root/templates/).

4. Upload HostX folder to WHMCS (whmcs_root/templates/orderforms/).

5. Upload addon "HostX" folder to WHMCS (whmcs_root/modules/addons/).

6. Upload language "overrides" folder files to WHMCS (whmcs_root/lang/overrides/).

Note. If there is any file exist in overrides folder then do not replace it. Copy the content of our template lang file and paste in that existing file under overrides/yourlang.php


7. Click on Upgrade Database Now (Please note: Upgrade Database Needs To Be Clicked Once, No need to click after customizing the theme settings as it will reset the theme settings)

Template Requirements

1. WHMCS v6, v7.x
2. WHMCS DB User must have all permissions of the DB before installation and activation of this ADDON
GRANT ALL PRIVILEGES ON db_base.* TO db_user @'localhost' IDENTIFIED BY 'db_passwd';

How to activate HostX with WHMCS?

Let's configure HostX template with your WHMCS.

1. Login as WHMCS admin and then Go to Setup -> General Settings -> "General" tab. Select Template = HostX

2. Save Changes.

HostX-Activation.png

Let's configure HostX Cart with your WHMCS.

Once you activated the template, you must have to activate the HostX cart also.

For that click on Ordering Tab and Select HostX as in the screenshot below.

Screenshot-hostxdemo.whmcsglobalservices.com-2019.01.24-19-25-05.png

Let's configure addon module with your WHMCS.

1. Login as WHMCS admin and then Go to Setup -> Addon Modules. Afterwards, find Wgs HostX and press Activate button.

2. Enter your module license key.

3. Enable/Disable to delete the DB module tables, when deactivating the module.

4. Assign user(s), who can access this module.

HostX-configuration.png

How to Remove Phone Number from HostX Header?

Step 1. Go to Addons in WHMCS Admin.

Step 2. Select WGS HostX

Step 3. Under General Settings, select disable in Show Phone Number Section.

Remove Phone Number.png


How to Enable Sticky Header in HostX?

Step 1. Go to Addons in WHMCS Admin.

Step 2. Select WGS HostX

Step 3. Under General Settings, select Enable Sticky Header.

Screenshot-hostxdemo.whmcsglobalservices.com-2019.01.24-18-52-03.png


How to Disable Mega Menu and Enable Drop Down Menu?

Step 1. Go to Addons in WHMCS Admin.

Step 2. Select WGS HostX

Step 3. Under General Settings, select Menu Style as Drop Down.

Sdsdsdsd.png

How to add Logos in Frontend Website, Invoice, Login Details?

Step 1. Go to Addons in WHMCS Admin.

Step 2. Select WGS HostX

Step 3. Under Logo Settings add image links for Header, Invoice & Login / Password Reset Logo.

Screenshot-hostxdemo.whmcsglobalservices.com-2019.01.24-19-03-21.png

How to Add/Delete Top Menu Bar Item?

Step 1. Go to Addons in WHMCS Admin.

Step 2. Select WGS HostX

Step 3. Under Top Bar Menu Settings Click Add.

Step 4. Fill in the details mentioned to add the menu item.

Screenshot-hostxdemo.whmcsglobalservices.com-2019.01.24-19-07-44.png

How to change the content in Mega Menu?

Sdsdsds.png


Step 1. Go to Addons in WHMCS Admin.

Step 2. Select WGS HostX

Step 3. Under Top Bar Menu Settings Select the Main Menu Item for Which You need to Change the Content.

Screenshot-hostxdemo.whmcsglobalservices.com-2019.01.24-19-17-09.png

Step 4. Click on Edit

Screenshot-hostxdemo.whmcsglobalservices.com-2019.01.24-19-17-35.png

Step 5. Change the text and click save.

Knowledgebase & FAQ's

1. Blog.php Already Exist

2. How to Add More Basic Configurations in Dedicated Server Page?

3. How to Add More Disk Types in Dedicated Server Pages?

4. How to Add New Server locations in Dedicated Server pages?

5. How to Assign a Block to a page?

6. How to Change Colors in HostX theme?

7. How to Change Home Banner Text?

8. How to Change Home Page Banner Pricing?

9. How to Change Text in Footer Section?

10. How to Clone a Block in HostX?

11. How to Create Custom Block in HostX?

12. How to Manage Blog in HostX?

13. How to Manage Cookies GDPR policy banner popup?

14. How to Manage Spotlight TLD's on Domain Registration page?

15. How to Remove a Block from a page?

16. How to Upgrade HostX Pricing Plans?

17. How to Upgrade HostX from V 2.0.0 to V 2.1.0?

18. How to add "Domain Search Bar Block" on hosting pages?

19. How to add Custom Language Content in HostX?

20. How to add Top Menu Icon in HostX?

21. How to add image in footer?

22. How to assign a Product group to a page?

23. How to convert inner pages banner to full width?

24. How to create a new page in HostX theme?

25. How to edit Home page products?

26. How to fix missing page id or mysql error while activating the hostX?

27. How to remove phone number from Header?

28. How to remove the top month bar of Simple and Transparent Pricing Table?

29. How to rename HostX template?

30. How to rename existing hosting page?

31. Site header not working with PHP 7.3

32. TLD's Display Manager

33. How to create mega menu items multi-language compatible?

34. How to edit About Us Page?

35. How to edit Contact Us Page?

36. How to edit Home page products?

37. How to edit Terms and Conditions Page?

38. How to remove Save 25% part on the 12 months here in the home page pricing plans?

39. How to rename HostX template?

39. I have installed HostX, but it is not showing any content?

40. I need to do customizations in the theme, is it possible?

41. I need to do customizations in the theme, is it possible?

42. I want to rename HostX template in the files. How can I do that?

43. Internal pages are showing “File not found” error.

44. Is the custom color scheme an addon to change the color of the theme automatically?

45. Is your theme hardcoded?

46. Logo not coming on the website?

47. Not able to find the password reset button?

48. SSL prices are not changing?

49. What is the difference between static page, VPS Product Page, Dedicated Product Page under Hostx Page Manager?

How to upgrade to HostX to WHMCS 7.10?

Here we assume that you are upgraded your HostX to WHMCS 7.9, as we are releasing a patch so it will only have new files. If you are planning to upgrade your HostX from WHMCS 7.7 or WHMCS 7.9, so you need to first upgrade them to latest 7.9 versions.

1. Procedure for HostX users having WHMCS 7.8 = Upgrade HostX Patch for WHMCS 7.9 first and then add HostX Patch for WHMCS 7.10.

2. Procedure for HostX users having WHMCS 7.7 = Upgrade HostX Patch for WHMCS 7.8 first and then add HostX Patch for WHMCS 7.9, after updating till 7.9, then you need to apply the newly launched 7.10 version HostX Patch.

3. Procedure to upgrade the latest WHMCS 7.10 Patch.

Step 1: Download the patch from WGS client area.

Step 2: Extract the zip patch files.

Step 3: Take a backup of your WHMCS directory.

Step 4: Overrides the templates and orderform files from the downloaded patch to your WHMCS directory.

Step 5: Your HostX has been upgraded to the new version now.

Step 6:Add the following CSS codes in the files mentioned below:

Open custom.css in the following location: \templates\hostx\css


/***** whmcs 7.10 *****/ .email-prefernce-div {

  clear: both;
  margin-bottom: 20px;

} .email-prefernce-div label{ color: #b9b9b9;

  font-weight: normal;

} .email-prefernce-div h3{

  font-weight: 600;

}


Open custom-responsive.css in the following location: \templates\hostx\css


/****** for currency and language option in mobile view 07-04-2020 **********/ @media only screen and (min-width: 320px) and (max-width: 767px) { .header .logo {

  padding-top: 15px;
  float: left;
  text-align: center;
  width: 100%;

} .header .right {

  padding-right: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  justify-items: center;
  margin: 20px 0;

} .nav {

  width: auto;

} .header .right .right_navi li a i {

  font-size: 18px;

} .right_navi i.fa.fa-shopping-bag {

  font-size: 18px!important;

} button.navbar-toggler.hc-nav-trigger.hc-nav-1 {

  padding-left: 10px;
  position: inherit;

} .header .right .nav li {

  display: block;

} .header .right .right_navi li.languageDiv a {

  font-weight: 600;
  font-size: 14px;
  line-height: normal;
  border-right: none;

} .right-content .header .right .right_navi li a {

  padding: 2px 10px!important;
  margin: 0;
  line-height: 28px;

} li.currencyDiv a span {

  line-height: 30px;
  vertical-align: middle;
  padding-top: 3px;
  display: inline-block;

} li.languageDiv {

  margin-top: 4px;

} } @media (max-width: 360px){ .right-content .header .right .right_navi li a {

  padding: 2px 7px!important}

}


Please Note: Users with customizations do not need to worry as there will be no loss of customizations as the customizations are done in custom css files or override css files.

How to upgrade to HostX to WHMCS 7.9?

As you all know that we have released the WHMCS 7.9 Compatible HostX version, so here is the detailed procedure to do the upgrade.


Users who are already using HostX and upgrading to WHMCS 7.9 needs to download only the patch files


Procedure for the users who did not customize HostX

Step 1: Download the patch

Step 2: Extract the patch files

Step 3: Take a Complete Backup of your WHMCS Instance (Highly Recommended)

Step 4: Override the template folder at whmcsdir/templates/

Step 5: Override the orderform folder at whmcsdir/templates/orderform


Please note: Users with customizations do not need to worry as these files will not be overridden during this upgrade.

Procedure for the users who customized HostX

Step 1: Download the patch

Step 2: Extract the patch files

Step 3: Take a Complete Backup of your WHMCS Instance (Highly Recommended)

Step 4: Override the templates folder whmcsdir/templates/hostx (Please note you need to take a backup of the customized files, after upgrading you can upload the backup files again)

Step 5: Override the templates folder whmcsdir/templates/orderform/hostx (Please note you need to take a backup of the customized files, after upgrading you can upload the backup files again)

Step 6: If anyone has customized CSS (custom.css), take a backup.

Step 7: Open patch custom.css in editor and find the comment (/******** whmcsv 7.9.X *********/)

WHMCS 7.9 CSS Changes.png

Step 8: Copy the CSS after the comment and place it in your custom.css file and save it.

You HostX is now upgraded to WHMCS 7.9 Version.

Please Note: Users with customized color scheme and customized header/footer do not need to worry as these files will not be override during this upgrade.



Users who have hardcoded the HostX template or orderform files, please check the detailed upgrade release note that we followed while creating this patch. You need to check these files and override them accordingly to save your customizations.


1)account-paymentmethods-manage.tpl

-> Added Tax filed and fontawesome fas fontawesome


2)account-paymentmethods.tpl

-> Put condition for add credit


3) clientareaproductdetails.tpl

-> Added metices feature


4) clientareaproductusagebilling.tpl

-> New file added


5) usagebillingpricing.tpl

-> New file added


6) creditcard.tpl

-> Removed all content from file.


7) footer.tpl

-> Added code for full page overlay.


8) includes/captcha.tpl

-> Add Systemurl dynmic variable


9) invoice-payment.tpl

-> New file added


10) Add New folder payment with files


11) oauth/css/index.php

-> path in file changed


12) store/codeguard/index.php

-> New File added


13) store/css/index.php

-> path in file changed


14) store/order.tpl

-> Static text according to language variable and other changes


15) store/promos/index.php

-> path changed inside code


16) store/sitelock/index.php

-> path changed inside code


17) store/sitelockvpn/

-> Added whole folder


18) store/spamexperts/index.php

-> path changed inside code


19) store/ssl/index.php

-> path changed inside code


20) store/ssl/index.tpl

-> Added class with p tag and jquery changes accordingly


21) store/ssl/shared/index.php

-> path changed inside code


22) viewinvoice.tpl

-> Panel is added (fullpage-overlay - code added)


Orderform changes


1) checkout.tpl

-> Added email value parameter

-> Added tax field with condition

-> Change in the gateway part


2) complete.tpl

-> Added Code for express checkout

-> Added code for express checkout error


3) configureproduct.tpl

-> Added metices functionality

4) domain-renewals.tpl

-> Added condition for renewals options


5) domainregister.tpl

-> Added condition for captcha

-> Added system URL for captcha image


6) domaintransfer.tpl

-> Added system url


7) viewcart.tpl

-> added domain renewal language

-> express checkout code added

Please Note: Users with customized color scheme and customized header/footer do not need to worry as these files will not be override during this upgrade.