Introduction

Thank you for purchasing our theme. We are happy that you are one of our customers and we assure you will not be disappointed. We do our best to produce top quality product with unique design and clean code

Hostiko is a responsive and clean WordPress theme, made by Team Designing Media.com

Hostiko is specially designed for Web Hosting Companies. It is based on Visual Composer and Revolution Slider.

Hostiko is built with the latest web technologies (Bootstrap framework, icon font, etc.) with the care of coding quality to make sure the theme works with all browsers and all devices.

Hostiko is a professionally designed for web hosting, business, company, multi-purpose, domain sale sites . in Hostiko you can see different page layout for VPS hosting, shared hosting and dedicated hosting

You can build the powerful web hosting sites with our awesome pricing tables and custom hosting page examples. Look at our Price slider that is customizable as well

Dont forget to visit out Portfolio Link

Rate This Theme

We would appreciate if you rate this theme on ThemeForest. It only takes a second but it helps more than you think and of course, it is always good to know what others think about our work.
If you like our theme, please consider rating it with 5 stars. You can rate it in the "Downloads" section of your account:

How To Use This Document

Before you get started, we highly encourage you to get familiar with this documentation file. Spending half an hour reading the manual may save a lot of your time and avoid questions with obvious answers.

To quickly find the necessary information click on the "Search" button in the upper right corner of this documentation file and type the "keyword" you are looking for in the opened "Find Window" search box.
Alternatively you can use your browser's built-in "Search" tool. Press the CMD+F (in macOS) or CTRL+F (in Windows) shortcut to open the search bar.

License

With ThemeForest regular license you are licensed to use this theme to create one single End Product (the final website customized with your content) for yourself or for one client. In short:

What is allowed with single regular license:

  1. You can create one website for yourself or for your client and you can transfer that single website to your client for any fee. This license is then transferred to your client.

  2. You can install the theme on your test server for testing/development purposes (that installation shouldn't be available to the public).

  3. You can modify or manipulate the theme, you can combine it with other works to create the End Product.

  4. Theme updates for that single End Product (website) are free.

What is not allowed:

  1. With single regular license it is not allowed you to create multiple websites. For multiple websites you will need multiple regular licenses.

  2. To resell the same website (Single End Product) to another clients. You will need to purchase an extended license for this.

For more information regarding license regulations and policies, please check the links below:

Help and Support

Support Policy

Please read this user guide carefully, it will help you eliminate most of potential issues with incorrect configuration or using this template.

To be able to request a technical support assistance, you need to have a valid purchase code. To get the code, please navigate to your ThemeForest "Download" page and click on the theme download link. Check this guide for more information on this matter.

PLEASE NOTE! As authors of this theme we do provide support only for the theme-related features.
We do not provide support for additional customization, 3rd party plugins integration or any other compatibility issues that might arise. Nevertheless, there is an exception that is only applied to the plug-in(s) we have developed and integrated ourselves.

If you have any questions that are beyond the scope of this help file, feel free to post them on our support message board (forum) at https://designingmedia.com/support/. We will respond as soon as possible (within 24 – 48 hours, usually faster). We are open from 10am to 7pm (GMT)UTC +5, from Monday till Friday.

Please be aware that a lot of the questions that are posted in the forum have been posted many times before, and get the same answers each time. Before submitting a new ticket, please try searching the forum for an answers.

Third-party extensions

Unfortunately, we do not provide support for third-party extensions. Please contact the author of the extension if needed. If you feel that you might have troubles with installing an extension, we advise you to order a professional installation service.

PLEASE NOTE! This theme may not be compatible with some third-party extensions. It is impossible for theme authors to make the theme compatible with all the existing extensions by default.
Only the standard (“default”) WordPress theme is compatible with all third-party extensions. Please be aware that an author of the extension should provide a detailed instruction on how to integrate it with a custom theme (since nobody actually uses “default” themes).

Customization

As we have mentioned above the theme's customization/modification is beyond the scope of our support policy.

As for minor CSS tweaks the best way is to use Web Inspector (available in Safari/ Safari Technology Preview ), Developer Tools (for Firefox and Google Chrome) or other similar tools.
Check these short video tutorials regarding Firebug functionality features:

More information regarding CSS syntax can be found here:

Additional Information

IMPORTANT! Please be aware that we do not include theme-related .PSD files into the theme package, because it might significantly increase the size of a downloadable archive. Please also be advised that all the clipart images included in this theme are copyrighted to their respective owners and are not available for download with this theme. Clipart images can not be used without express permission from the owner and/or need to be purchased separately.

As we advertised that we are offering 15 Days Money back guarantee, the following Terms may Apply. And All refunds are processed by Envato as they handle all the payments and distributions.

  • User / buyer must not passed any Review (Good or bad) or comment
  • We are Offering Money back guarantee (No Question Asked) within 15 days from the date of Purchase
  • Refund is generally only granted if it is defective or not as advertised
  • Before applying for refund, make sure that you had remove theme from all of your resources
  • ENVATO has a particular criteria for refund. You complaint must meet the criteria.
  • Once you submit your refund request on Envato, it may take few days to process the refund request
  • Submit you Refund Request on Envato

WordPress Information

To install this theme you must have a working version of WordPress already installed. Below are all the useful links for WordPress information.

PLEASE NOTE! The theme is designed for free WordPress version downloaded at wordpress.org. We do not guarantee the theme full compatibility with installations on Wordpress.com due to limitations in website control and theme customization.

Theme Requirements

To use this theme you must be running at least WordPress 3.9, PHP5, mysql 5 or higher. If you use low-end hosting with limited resources (e.g. GoDaddy!), you may experience issues with "one-click" demo data installation feature.
We recommend that you contact your web hosting service provider to make sure that your server PHP configuration limits are as follows:

max_execution_time 600

memory_limit 128M

post_max_size 32M

upload_max_filesize 32M

If you are running unmanaged dedicated server or VPS, you should check your php.ini file. Alternatively, you can edit .htaccess file in the root of your website and add the following values:

php_value max_execution_time 600

php_value memory_limit 128M

php_value post_max_size 32M

php_value upload_max_filesize 32M

Setting these values will ensure you will not get error messages during the installation. To safeguard your website, please use secure passwords and the latest version of WordPress and plugins.

Here is the list of other recommended web hosting services:

Theme Installation

Unpacking the theme

Before installing the theme, please make sure you unpacked the archive and extracted theme files. Some of the folders names may slightly vary. Treat the screenshot below as an example only.

If you try to install the wrong files, you will get missing styles.css file error. This is the most common error that means you are trying to install an incorrect package.

To install the theme, you must have WordPress installed. Check this link for more information.

Update WordPress: To ensure a positive user experience, we highly recommend updating your WordPress to the latest stable version. This will help utilizing all of the latest features of WordPress.

PLEASE NOTE! The theme is designed for free WordPress version downloaded at wordpress.org. We do not guarantee the theme full compatibility with installations on Wordpress.com due to limitations in website control and theme customization.

If you have questions regarding the theme installation, we recommend reading the detailed instruction below.

There are 2 ways to install the theme:

  • via FTP:

    1. Log into your web server with FTP client software.
    2. Unzip the Hostiko.zip file and ONLY use the extracted /Hostiko theme folder.
    3. Upload the extracted Hostiko theme folder into /wp-content/themes folder.
    4. Navigate to the Appearance > Themes tab and activate the theme.

  • via WordPress:
    1. Login to admin panel.
    2. Navigate to Appearance > Themes and click on the Add New button.
    3. Choose Upload theme option. Click on Browse... (Choose file in Safari/Chrome), select the "Hostiko.zip" and click Install Now button.
    4. After the successful installation, click on Activate or navigate to the Appearance > Themes and click on Activate button to activate the newly installed theme.
    5. Once the theme is activated, you will be prompted to install recommended plugins.
      All these plugins are included into the theme archive, or can be installed from the WordPress.org repository.
      The theme can function without the recommended plugins. To make your website look more similar to the demo page, you may need to install the recommended plugins and import the demo content.
      However, if you have an existing website, you should be very careful with plugins installation and importing demo data: this may affect an entire website's content, it's look, behavior and structure. Please refer to the Demo Content section for more details.

    6. As a final step - the new menu item Hostiko should appear in the WordPress Dashboard menu.
    7. Attention! If you want to make changes in theme’s templates or functions, we recommend activating a child theme before demo data installation. Please see the Child Theme section for more information.

Plug-ins Installation

To make the theme look more similar to the demo page, you need to install recommended plugins. Click on Begin installing plugins link.

Alternatively, you can use Appearance > Install Plugins menu that redirects to the plug-ins installation page. Check all the listed plug-ins, select Install option and click on Apply button. Installation may take a few minutes, please be patient and do not refresh the page.

Plug-ins activation should be done in the same way. Navigate to Appearance > Install Plugins menu, check all the listed plug-ins, choose Activate option and click on Apply button. Activation may take a few minutes, please be patient and do not refresh the page.

Available plug-ins:

  • AKD Framework
  • Import-and-export
  • Shortcodes
  • Slider Revolution
  • Slider Revolution
  • WPBakery Page Builder
  • Author-Widget
  • Contact Form
  • Recent Posts Widget

SUCCESS!The "Success" message appears after plugins successful installation.

Theme Registration

The very first step is before importing the demo content is to register the them



Message! Without "Registration" you can not use the theme


Please follow the following procedure to register theme

  1. Enter you purchase code
  2. Click on Save Changes Button
  3. Now click on "Register the code" button

Demo Content

Our theme includes a simple One click demo data import tool. It allows getting a copy of our demo website in just 1 click.

Before installing demo data, please make sure you have installed all the required plugins, check the Plugins installation section for more information.

To import demo content into a WordPress site, please follow these steps:

  1. Log in to your site as an administrator.
  2. Navigate to TOOLS > Install Demo:
  3. Click on "Install" button.
    PLEASE NOTE It may take a while for demo data to be copied from our server to your site. It depends significantly on the Internet connection speed between your website and our server. Please wait patiently and do not refresh/leave the page.

Theme Update

This step is required if you received the notification that a new version of the theme is available. You can see this information in Changelog section at the bottom of the item's details page.

IMPORTANT! Before you go ahead with the update make sure you backup your old theme's folder. Download it to your computer locally.

It is a good practice to backup both your files and database regularly and especially before making some serious updates.

Update using FTP client

  1. Log into your ThemeForest account and get the last version of the theme .
  2. Connect to your server using desktop client software (Filezilla).
  3. Navigate directory to /wp-content/themes.
  4. Dont Remove any file. We need to overwrite with new files.
  5. Unpack theme installable files downloaded from ThemeForest and upload to the theme folder. See Video below
  6. Dont forger to see the video on How to Update Plugins in Hostiko WordPress WHMCS Hosting Theme

Quick Start

After the theme activation and demo content import, we are ready to get started with basic theme settings like site title, tagline, logo, favicon etc.

To change your site title and tagline, navigate to Settings > General. Please note, these parameters are important for search engines.

Another great idea may be setting custom permalinks structure to make them more SEO friendly and human-readable. Go to Settings > Permalinks and make changes according to the example below.

Child Theme

Child theme is for developers willing to make changes to core functions and code. If you are not planning to dig that deep, you can just skip this chapter.

IMPORTANT! If you want to make changes in theme's templates or functions, we recommend to install a child theme and apply changes there. To learn more about that, please visit the WordPress Codex website.

In the theme's package you can find all the necessary files for the child theme. The installation of a child theme is similar to the main theme.

A few recommendations on how to use Child Theme:

  1. Almost all files in the main theme are available for replacing in to the child theme. It does not concern only .php files with templates and basic logics, but also both .js, .css files from respective folders.
  2. In case you need to edit some theme-related functions or add new ones, copy/add all the required functions into functions.php file in the Hostiko-child folder.

PLEASE NOTE!We do not recommend copying respective files into the child theme folder. Instead re-create the respective functions in the child theme's functions.php file.

Activate WP Bakery for Header & Footer Builder

Visual Composer for Header is footer is not active by default you will see the screen like this

So you need to active it first go to “WPBakery Page Builder > Role Manager" and Select Post Type as Custom (See the screenshort)

Select all options

  • post = BLOG POST (Not Recommended )
  • page = All Pages in your website ( Recommended )
  • bbfb_content = Footer Builder ( Recommended )
  • bbhd_content = Header Builder ( Recommended )

Plugin Settings

In your WordPress Admin area, look down the left-hand column for “Header Builder > Settings”

Options

  • Auto show header: Header will auto show or If not you can add to where you want to show header (by Default it should be OFF)
  • Default Header: You can choose default header for all of pages in your site. (view All Headers)
  • Use header with Conditions: Conditions like is_post() or is_post() && is_page(), you can read about condition tags in Wordpress in here
  • Use metabox?: Settings Meta Box will be show in Post of these Post Types
  • Max width: Default max width for header

Create Megamenu

In your WordPress Admin area, look down the left-hand column for “Mega Menus > Add new”

  • Now you can create megamenu with Visual Composer or any Builder you want
  • Megamenu max width: You can set max width for any megamenu

If you can't see Megamenu max width, please follow these steps:

  • Check Custom Megamenu box and you can see metabox for max width

Display Megamenu

In your WordPress Admin area, look down the left-hand column for “Appearance > Menus”

  • Now you can choose Mega Menu and add it to menu
  • Note: Mega Menu is level 0, It can't be child menu.

If you can't see Mega Menu box, please follow these steps:

  • In your WordPress Admin area, look up the right-corner for “Screen Options”
  • Check Mega Menu box and you can use it

Create Header

In your WordPress Admin area, look down the left-hand column for “Header Builder > Add new”

  • Now you can create Header with Visual Composer or any Builder you want.
  • Header max width: You can set max width for any header

If you can't see Header max width, please follow these steps:

  • In your WordPress Admin area, look up the right-corner for “Screen Options”
  • Check Custom Header box and you can see metabox for max width

Layout

  • You can use Flexbox Container shortcode like Row shortcode of VisualComposer
  • You can use Flexbox shortcode like Column shortcode of VisualComposer
  • And you can add any shortcodes into Flexbox shortcode.
  • A lot of Shortcodes and Options for you.

VC Row options:

  • Show/Hide on Desktop: You can choose this content show or hide on Desktop
  • Show/Hide on Mobile: You can choose this content show or hide on Mobile
  • Sticky: When you scroll, this content always show on top
  • Hide border without sticky?: Hide border if this content is not sticky
  • Hide background without sticky?: Hide background if this content is not sticky
  • Overlay: Overlap the content below
  • Flex-container boxed?: No fullwidth for Flex container into this row

Display Header

There are 4 ways to show Header

  1. Header for all posts & pages:

    In your WordPress Admin area, look down the left-hand column for “Header Builder > Settings”

    Default Header: You can choose default header for all of pages in your site. (view All Headers)

    Auto add Header: If you don't want auto add Header for your site, You must add this code to header.php file or where you want to display header:

    <?php do_action('bbhd_header') ?>
  2. Use Conditions

    Use header with Conditions: Conditions like is_post() or is_post() && is_page(), you can read about condition tags in Wordpress in here

  3. Header for each posts & pages:

    You can edit or add new a post of post types you chosen in “Header Builder > Settings”, and see this Meta box bellow

    Now you can choose Header for this page

    If you can't see Choose Header box, please follow these steps:

    In your WordPress Admin area, look up the right-corner for “Screen Options”

    Check Choose Header box and you can use it

  4. Use var query param: bbhd_content

    On your address bar, just add this param http://yoursite/?bbhd_content=header-slug


  • How To Change the Menu


  • How To Change Mega Menu Links


  • WbBakery ( VC ) Templates


  • Recover Lost Page Through Template


  • How to Regenerate Thumbnails


  • How to Reset Theme


Activate WHMCS Bridge Plugin

Make sure that you have activate the WHMCS Bridge Plugin
Hostiko Theme dont need WHMCS Pro-version for Template activation. with Standard version you can activate Template in your Theme. But if you extended feature of WHMCS and then you need pro-version


Now go to settings of WHMCS Bridge and Enter your WHMCS URL in " WHMCS URL" input field as shown in screenshot


After saving your settings WHMCS will auto create WHMCS Page that will have all your WHMCS options


Now Open that page in edit mode and Apply Template according to your Layout

Hostiko WordPress Theme also provide WHMCS Templates, if you don't want to use WHMCS-Bridge you can use WHMCS Templates, The first step would be to extract this archive to the desired location in your computer.

Step 1: Navigate to Once you extracted, simple Look for the folder that contains your theme files (Hostiko light & Dark). You need to upload this folder to the /templates directory of our WHMCS Installation. See screenshot

Step 2: Connect to your WHMCS Installation via FTP. Go to the root location for your WHMCS Installation this is the topmost directory and has subdirectories like /admin, /includes and others. Look for a sub-directory named /templates and double click to navigate to it. This directory contains all your WHMCS client area templates.

Sep 3: Now upload "Hostiko-Light & Dark" here and then navigation to "orderforms" directory to upload Cart Template which is "hostiko-cart"

Step 4: Once all the files and folders have been uploaded. Login to the Admin Panel of your WHMCS Installation and go to Setup > General Settings > General, look for the drop-down selector that says “Template” select the template that you just uploaded, this will be the name of the folder you created in Step 2 and click save.

You should now see the new template when visiting your WHMCS Installation

We recommend using Poedit software for translation-related purposes.

To translate the theme to your language, please follow these steps:

  1. Download and install Poedit software.
  2. Navigate to the theme/.../languages/ folder and locate .pot file. Copy it to your desktop for editing.
  3. Double click on the .pot file. In the Poedit window click on the "Create New Translation" button, choose the necessary language of the translation from the dropdown list and click "OK."
  4. Now select the constant text string you need to translate from the "Source text - English" field and type in the necessary translation into the "Translation" field.
    You can translate as much as you want, just go through the file and click on each string in "Poedit" and add your translation.
  5. Next, you have to save the changes to your .po file using the naming convention based on the language code (e.g. pt for Portuguese) followed by the country code (for instance _BR for Brazil). To do that click on the "sheet" icon (you can also use hotkeys CMD+Shift+S in OS X or Win+S in Windows) and type in the name according to the screenshot below.
    The first lower-case letters define the language, whereas the second upper-case letter defines the country. In most cases, the language and country are the same, like “de_DE” for Germany.
    However, there is a difference for languages like English or Portuguese, which are spoken in several countries natively. In this case, the difference is in the first and second letter pairs; for the UK, the code would be en_GB, whereas the en_US stands for the USA. If you are not familiar with the codes for your native language and country, then visit the GNU website. See Language Codes and Country Codes for the lists of codes.
    Please note, if you use the wrong naming convention WordPress can not process your translation.
  6. When saving your .po file, Poedit automatically creates a new .mo file, with the same naming convention. According to the example above, the file would be called pt_BR.mo.
  7. Upload the .po and .mo files you just created to the .../languages folder. Make sure these files are in the same directory as the default.pot one.

In case you still have questions on how to use Poedit, please check the following resources:

In this section you can find additional information regarding fonts, clipart, .PSD files used in this theme.

  • Fonts:

    • "'Raleway', 'sans-serif'"; "'Varela', 'sans-serif'"; "'Lora', 'serif'"; "'Montserrat', 'sans-serif'";

    • You can also check the theme-specific/theme.setup.php file for more detailed information on this matter.

    • Please note! To manage fonts quantity available for upload edit 'max_load_fonts' => 5 variable in the theme-specific/theme.setup.php file.



Thank you for purchasing our theme. We are happy that you are one of our customers.
If you come up with any theme-related questions that are beyond the scope of this help file, feel free to post them at our support forum We will respond as soon as possible (within 24 – 48 hours, usually faster).

We are open from 9am to 6pm (GMT)+5UC, from Monday till Friday. Please be aware that we are off on weekends.

PLEASE NOTE! Our support policy covers trouble using any features related strictly to this theme. We do not provide support for additional customizations, 3rd party plugins integration or any other compatibility issues that might arise. You also need to have a valid purchase code to request an assistance from our support team.