Discussion on Hostify — Hosting HTML & WHMCS Template

Discussion on Hostify — Hosting HTML & WHMCS Template

By
Cart 793 sales
Well Documented

brandio supports this item

Supported

This author's response time can be up to 5 business days.

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

like http://brandio.io/envato/whmcs/index.php

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=1agCmPHGWjTyJKRFUwQz7o5w08Xm6CdXb

Hello! 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

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.php

Hope 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 :D

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

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,

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.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey