413 comments found.
UPDATE: Found the solution eventually. In WHMCS settings > general: 1. Set domain to https://<url> 2. Set WHMCS system URL to the same as above.
Original Issue: I have activated the theme using the instructions provided, but customers are complaining that logging in doesn’t work. They have reset their passwords several times, but it still says “Login Details Incorrect. Please try again.”
The issue is because we have SSL enabled, but the template doesn’t comply with SSL and sends the login request to a HTTP page rather than HTTPS. We have changed the Site URL to include HTTPS but this didn’t help.
See issue here: Mixed Content: The page at ‘https://<url>/clientarea.php' was loaded over a secure connection, but contains a form that targets an insecure endpoint ‘http://<url>/dologin.php'. This endpoint should be made available over a secure connection.
Hi,
Is it working well?
Thank you
hey how do I update the page with the new layout I get this big box and the menu moves down for some reasons all I did was replace the old file with the new one here the website http://www.acebuster.com/vpshosting.html
Hi,
For the latest update, you have to replace all of these files:
- index.html - cloudhosting.html - webhosting.html - vpshosting.html - about.html - js/main.js - css/style.css - css/style-blue.css - css/style-darkblue.css - css/style-green.css - css/style-grey.css - images/click-icon.png - images/drupal-preview.png - images/joomla-preview.png - images/magento-preview.png - images/wordpress-preview.png - images/feature1.png - images/feature2.png - images/feature3.png - images/feature4.png - images/pricing1.png - images/pricing2.png - images/pricing3.png
Thank you
does this theme suppport the new whmcs social logins
Hello,
Yes it supports the social logins
Thank you
Hi
Tengo instalado whmcs en la raiz / No se me muestra la pagina principal como en la demo
When I click on Home, it redirects me to //sitename/clientarea.php
How do I have to configure for me to mount the home page
Hello,
To do it, create a new PHP file inside “includes/hooks” folder in the WHMCS with any name, for example, “modifymenu.php”, add the following code and save it.
<?php
use WHMCS\View\Menu\Item as MenuItem;
add_hook('ClientAreaPrimaryNavbar', 1, function (MenuItem $primaryNavbar)
{
$navItem = $primaryNavbar->getChild('Home');
if (is_null($navItem)) {
return;
}
$navItem->setUri('/');
});
Thank you
I have several questions - Can I get the Arabic version? - Can it also be linked to the WHMCS script? How can this be done? Are there any explanations for this? Can it be obtained in Arabic?
Hi,
Unfortunately, the HTML template is not translated into Arabic but It’s RTL ready and you can modify the text easily.
For the WHMCS version you have to install the RTL version as mentioned in the documentation in “WHMCS Theme Installation” section, and in the WHMCS settings you can choose the Arabic language, maybe not fully translated but you can do it your self easily, for example, if you want to edit the text in the homepage of the WHMCS you have to edit “header.tpl” file.
Thank you
Thank you for your fast reply. When I use that code my site crashed. I attached a image of what the site looked like who it crashed. And pasted the edit I made to the code you provided below.
And here is the error form site error log:
[21-Nov-2017 12:43:36 America/Chicago] PHP Parse error: syntax error, unexpected ‘777’ (T_LNUMBER) in /home/ab8899/public_html/configuration.php on line 14 [21-Nov-2017 12:43:36 America/Chicago] PHP Fatal error: Call to a member function connection() on null in /home/ab8899/public_html/vendor/illuminate/database/Eloquent/Model.php on line 3282
PHP CODE
<?php
use WHMCS\View\Menu\Item as MenuItem;
add_hook('ClientAreaPrimaryNavbar', 1, function (MenuItem $primaryNavbar)
{
// remove store menu
if (!is_null($primaryNavbar->getChild('Store'))) {
$primaryNavbar->removeChild('Store');
}
// reorder Home link to be the first
$navItem = $primaryNavbar->getChild('Home');
if (is_null($navItem)) {
return;
}
$navItem->setOrder(1);
// change Announcements to a new link
$navItem = $primaryNavbar->getChild('Announcements');
if (is_null($navItem)) {
return;
}
$navItem->setLabel('Cloud Hosting');
$navItem->setUri('http://imagewebstudio.com/cart.php?gid=1');
$navItem->setOrder(2);
// change Knowledgebase to a new link
$navItem = $primaryNavbar->getChild('Knowledgebase');
if (is_null($navItem)) {
return;
}
$navItem->setLabel('Custom Mobile Game');
$navItem->setUri('http://imagewebstudio.com/cart.php?gid=3');
$navItem->setOrder(3);
// change Network Status to a new link
$navItem = $primaryNavbar->getChild('Network Status');
if (is_null($navItem)) {
return;
}
$navItem->setLabel('Custom WebApp');
$navItem->setUri('http://imagewebstudio.com/cart.php?gid=4');
$navItem->setOrder(4);
// add new link to the menu
$primaryNavbar->addChild('Link 4')
->setUri('https://themeforest.net')
->setOrder(5);
});
Link of crashed site image
https://drive.google.com/open?id=1agCmPHGWjTyJKRFUwQz7o5w08Xm6CdXbHello! I purchased Hostio from you guys and was wondering if you’d possibly be updating Font Awesome to version 5 anytime soon. If it’s something that could be done easily, I’d greatly appreciate it! Thank you.
Hello,
Sure we will update it in the next update.
Thank you
Hello i would like to know how to change the main menu, link options. I would like to remove the Nav-store, Announcements, Knowledge base and, Network Status links from header menu. And replace them with 4 links of my choice.
Hello,
To do it, create a new PHP file inside “includes/hooks” folder in the WHMCS with any name, for example, “modifymenu.php”, add the following code, modify it with your links and save it.
<?php
use WHMCS\View\Menu\Item as MenuItem;
add_hook('ClientAreaPrimaryNavbar', 1, function (MenuItem $primaryNavbar)
{
// remove store menu
if (!is_null($primaryNavbar->getChild('Store'))) {
$primaryNavbar->removeChild('Store');
}
// reorder Home link to be the first
$navItem = $primaryNavbar->getChild('Home');
if (is_null($navItem)) {
return;
}
$navItem->setOrder(1);
// change Announcements to a new link
$navItem = $primaryNavbar->getChild('Announcements');
if (is_null($navItem)) {
return;
}
$navItem->setLabel('Link 1');
$navItem->setUri('https://themeforest.net');
$navItem->setOrder(2);
// change Knowledgebase to a new link
$navItem = $primaryNavbar->getChild('Knowledgebase');
if (is_null($navItem)) {
return;
}
$navItem->setLabel('Link 2');
$navItem->setUri('https://themeforest.net');
$navItem->setOrder(3);
// change Network Status to a new link
$navItem = $primaryNavbar->getChild('Network Status');
if (is_null($navItem)) {
return;
}
$navItem->setLabel('Link 3');
$navItem->setUri('https://themeforest.net');
$navItem->setOrder(4);
// add new link to the menu
$primaryNavbar->addChild('Link 4')
->setUri('https://themeforest.net')
->setOrder(5);
});
Thank you
Thank you for your fast reply. When I use that code my site crashed. I attached a image of what the site looked like who it crashed. And pasted the edit I made to the code you provided below.
And here is the error form site error log:
[21-Nov-2017 12:43:36 America/Chicago] PHP Parse error: syntax error, unexpected ‘777’ (T_LNUMBER) in /home/ab8899/public_html/configuration.php on line 14 [21-Nov-2017 12:43:36 America/Chicago] PHP Fatal error: Call to a member function connection() on null in /home/ab8899/public_html/vendor/illuminate/database/Eloquent/Model.php on line 3282
PHP CODE
<?php use WHMCS\View\Menu\Item as MenuItem;
add_hook(‘ClientAreaPrimaryNavbar’, 1, function (MenuItem $primaryNavbar) { // remove store menu if (!is_null($primaryNavbar->getChild(‘Store’))) { $primaryNavbar->removeChild(‘Store’); } }); Link of crashed site image
// reorder Home link to be the first
$navItem = $primaryNavbar->getChild('Home');
if (is_null($navItem)) {
return;
}
$navItem->setOrder(1);
// change Announcements to a new link
$navItem = $primaryNavbar->getChild('Announcements');
if (is_null($navItem)) {
return;
}
$navItem->setLabel('Cloud Hosting');
$navItem->setUri('http://imagewebstudio.com/cart.php?gid=1');
$navItem->setOrder(2);
// change Knowledgebase to a new link
$navItem = $primaryNavbar->getChild('Knowledgebase');
if (is_null($navItem)) {
return;
}
$navItem->setLabel('Custom Mobile Game');
$navItem->setUri('http://imagewebstudio.com/cart.php?gid=3');
$navItem->setOrder(3);
// change Network Status to a new link
$navItem = $primaryNavbar->getChild('Network Status');
if (is_null($navItem)) {
return;
}
$navItem->setLabel('Custom WebApp');
$navItem->setUri('http://imagewebstudio.com/cart.php?gid=4');
$navItem->setOrder(4);
// add new link to the menu
$primaryNavbar->addChild('Link 4')
->setUri('https://themeforest.net')
->setOrder(5);
https://drive.google.com/open?id=1agCmPHGWjTyJKRFUwQz7o5w08Xm6CdXb
Hi,
It’s better to send me your email so I can send the file ready for you, faisal@brandio.io
Thank you
Great Work. Please disregard the last comment 
Thanks SygnatureCreations
!
are you planning to add normal megamenu with icons?
Yes! We’re planing to do that soon 
Hello Good Day how can i change the Menu “Store” Link at whcms I want to Change it to “Web Hosting” on whcms
Hello,
To do that, open “navbar.tpl” file located in includes folder:
Replace the following code:
{foreach $navbar as $item}
<li menuItemName="{$item->getName()}" class="{if $item->hasChildren()}dropdown{/if}{if $item->getClass()} {$item->getClass()}{/if}" id="{$item->getId()}">
<a {if $item->hasChildren()}class="dropdown-toggle" data-toggle="dropdown" href="#"{else}href="{$item->getUri()}"{/if}{if $item->getAttribute('target')} target="{$item->getAttribute('target')}"{/if}>
{if $item->hasIcon()}<i class="{$item->getIcon()}"></i> {/if}
{$item->getLabel()}
{if $item->hasBadge()} <span class="badge">{$item->getBadge()}</span>{/if}
{if $item->hasChildren()} <b class="caret"></b>{/if}
</a>
{if $item->hasChildren()}
<ul class="dropdown-menu">
{foreach $item->getChildren() as $childItem}
<li menuItemName="{$childItem->getName()}"{if $childItem->getClass()} class="{$childItem->getClass()}"{/if} id="{$childItem->getId()}">
<a href="{$childItem->getUri()}"{if $childItem->getAttribute('target')} target="{$childItem->getAttribute('target')}"{/if}>
{if $childItem->hasIcon()}<i class="{$childItem->getIcon()}"></i> {/if}
{$childItem->getLabel()}
{if $childItem->hasBadge()} <span class="badge">{$childItem->getBadge()}</span>{/if}
</a>
</li>
{/foreach}
</ul>
{/if}
</li>
{/foreach}
With this:
{foreach $navbar as $item}
<li menuItemName="{$item->getName()}" class="{if $item->hasChildren()}dropdown{/if}{if $item->getClass()} {$item->getClass()}{/if}" id="{$item->getId()}">
{if {$item->getLabel()} == "Store"}
<a href="#">Web Hosting</a>
{else}
<a {if $item->hasChildren()}class="dropdown-toggle" data-toggle="dropdown" href="#"{else}href="{$item->getUri()}"{/if}{if $item->getAttribute('target')} target="{$item->getAttribute('target')}"{/if}>
{if $item->hasIcon()}<i class="{$item->getIcon()}"></i> {/if}
{$item->getLabel()}
{if $item->hasBadge()} <span class="badge">{$item->getBadge()}</span>{/if}
{if $item->hasChildren()} <b class="caret"></b>{/if}
</a>
{if $item->hasChildren()}
<ul class="dropdown-menu">
{foreach $item->getChildren() as $childItem}
<li menuItemName="{$childItem->getName()}"{if $childItem->getClass()} class="{$childItem->getClass()}"{/if} id="{$childItem->getId()}">
<a href="{$childItem->getUri()}"{if $childItem->getAttribute('target')} target="{$childItem->getAttribute('target')}"{/if}>
{if $childItem->hasIcon()}<i class="{$childItem->getIcon()}"></i> {/if}
{$childItem->getLabel()}
{if $childItem->hasBadge()} <span class="badge">{$childItem->getBadge()}</span>{/if}
</a>
</li>
{/foreach}
</ul>
{/if}
{/if}
</li>
{/foreach}
And replace the hash in ( href=”#” ) with your link
Thank you
Also where in the code do you change the background image. I want to change is from the headbg.svg to a .png file
Hi,
It’s in “style.css” file:
#header-holder .bg-animation {
position: absolute;
opacity: 1;
left: 0%;
top: -20%;
width: 100%;
height: 108%;
background-image: url(../images/headbg.svg);
background-repeat: no-repeat;
background-size: 100% 100%;
background-color: #ff0000;
-webkit-transform: skewY(-10deg);
-moz-transform: skewY(-10deg);
-ms-transform: skewY(-10deg);
transform: skewY(-10deg);
z-index: -1;
}
Thank you
thanks
You’re welcome!
Hello i would like to know how to how to change the theme. It says to change the code in the includes folder but when i do nothing changes.
Hi,
Do you mean you want to change the color variation?
Thank you
Hello How Can I make Menu Centered
Hello
Add the following code to “style.css” file:
.navbar-collapse-centered{
text-align: center
}
.navbar-nav-centered{
display: inline-block;
float: none;
}
Then make the following modifications:
For the WHMCS version:
Open “header.tpl” and lookup for the following code:
<div class="collapse navbar-collapse" id="primary-nav">
<ul class="nav navbar-nav">
{include file="$template/includes/navbar.tpl" navbar=$primaryNavbar}
</ul>
And replace it with this:
<div class="collapse navbar-collapse navbar-collapse-centered" id="primary-nav">
<ul class="nav navbar-nav navbar-nav-centered">
{include file="$template/includes/navbar.tpl" navbar=$primaryNavbar}
</ul>
For the HTML version:
Open “index.html” and lookup for the following code:
<div style="height: 1px;" role="main" aria-expanded="false" class="navbar-collapse collapse" id="bs"> <ul class="nav navbar-nav navbar-right">
And replace it with this:
<div style="height: 1px;" role="main" aria-expanded="false" class="navbar-collapse collapse navbar-collapse-centered" id="bs"> <ul class="nav navbar-nav navbar-nav-centered">
Also lookup for the following code:
<li><a class="login-button" href="signin.html">Login</a></li> <li class="support-button-holder support-dropdown"> <a class="support-button" href="#">Support</a> <ul class="dropdown-menu"> <li><a href="#"><i class="fa fa-phone"></i>Toll-Free 08-197-435-01</a></li> <li><a href="#"><i class="fa fa-comments"></i>Start a Live Chat</a></li> <li><a href="#"><i class="fa fa-ticket"></i>Open a ticket</a></li> <li><a href="#"><i class="fa fa-book"></i>Knowledge base</a></li> </ul> </li> </ul>
And replace it with this:
</ul> <ul class="nav navbar-nav navbar-right"> <li><a class="login-button" href="signin.html">Login</a></li> <li class="support-button-holder support-dropdown"> <a class="support-button" href="#">Support</a> <ul class="dropdown-menu"> <li><a href="#"><i class="fa fa-phone"></i>Toll-Free 08-197-435-01</a></li> <li><a href="#"><i class="fa fa-comments"></i>Start a Live Chat</a></li> <li><a href="#"><i class="fa fa-ticket"></i>Open a ticket</a></li> <li><a href="#"><i class="fa fa-book"></i>Knowledge base</a></li> </ul> </li> </ul>
Hi, How can i add more pages in whmcs themes? When i add new php pages, it does not show content.
https://www.lankadomainshop.com/tos.phpHope I can get an answer to it. Thanks
Regards, Jeeva
Hi Jeeva,
This is the official way to do that: https://developers.whmcs.com/advanced/creating-pages/You have to add new PHP file (use the code mentioned in the link above) to the main folder of the WHMCS, and add new tpl file to the Hostify template folder using the same name that you have set in the PHP file at the end of the code (mypage.tpl):
...
...
# Define the template filename to be used without the .tpl extension
$ca->setTemplate('mypage');
$ca->output();
Add any HTML code you want to the “mypage.tpl” file.
Thank you
Ok im having a brain fart, I am using PHP/WHMCS for the site and I can’t remember how to edit it!
Hi 
To edit the template go to “templates/hostify” folder then open “header.tpl” file and make the edit you want.
Thank you
Could you please let me see the RTL version?. Great job
Hi,
This is the HTML version:http://brandio.io/envato/hostify/html-rtl/
and this is the WHMCS version:
http://brandio.io/envato/whmcs/index.php?systpl=hostify-rtl
Thank you
Is there a quick way to get the menu to follow you as you scroll down? In the HTML version?
Hello,
I will reply to you soon
Thank you
Hello,
This theme need some modifications to add this feature.
This is a custom work that you can order it from here http://brandio.io/custom-work/
Or you can contact us at hello@brandio.io
Thank you
hey is there an install instructions for the whmcs
Hello
Here’s how to install WHMCS: https://docs.whmcs.com/Installing_WHMCS- There are instructions on how to install the template in the template’s documentation as well.
Thank you,
where do i edit a client menu,
Please refer to these articles: https://docs.whmcs.com/Editing_Client_Area_Menus
https://docs.whmcs.com/Client_Area_Navigation_Menus_CheatsheetThat doesnt help me since your theme does not conform to those standards required.
Hi,
Please clarify your request. As our theme is based on the “Six” theme the default theme in the WHMCS. Can you specify what kind of editing you’re intended to make?
Thank you
There is a knowledgebase link that does not work and I have been trying to edit it and I cannot seem where to find it https://echo.xenoncloud.org
the link provided doesn’t work, could you send it over faisal@brandio.io if you don’t want to share your information here
it should be working now
After checking, it seems you have problem in WHMCS installation, it’s not properly installed.
The links like knowledgebase and annoucements should be like this: https://echo.xenoncloud.org/index.php?rp=/knowledgebase
The problem is also occurred when you have the default template https://echo.xenoncloud.org/index.php?systpl=six
The problem is not from the themes. Please check your WHMCS installation.