InHost - Awesome Wordpress template for Hosting - 20Script

#### InHost Wordpress

# Welcome to inhost

##### Awesome Wordpress template for Hosting

- Created: 07/20/2015
- Latest update: 07/20/2015
- By: InwaveThemes

### 1. Installation & Upgrade

#### 1.1 Before you start

Current documentation was created to help you with quick installation and configuration of InHost theme. Please, read it carefully to avoid most of potential problems with incorrect configuration.

Once you will have activated the theme you will need to change some of the pages and settings for optimal performance. That's why, please, do not contact Support center beforehand. Read firstly the documentation, implement all the steps following the instructions and only after that, if the issues persist, contact us.

Before installing InHost theme, it is assumed that you have a working WordPress already installed. You should also install WHMCS portal, WHMCS Bridge plugin, WooCommerce plugin for the correct work of our theme. The link for the plugins is provided below.

For detailed Wordpress installation instructions visit http://codex.wordpress.org/Installing_WordPress

For detailed WHMCS installation instructions visit:
WHMCS http://docs.whmcs.com/Installing_WHMCS
WHMCS Bridge https://wordpress.org/plugins/whmcs-bridge/installation/

For detailed WooCommerce installation instructions or for more information visit http://www.woothemes.com/woocommerce/

#### 1.2 Theme Package

After theme purchase from ThemeForest, please, download the theme from ThemeForest. For that you need to enter Downloads area in your account on ThemeForest, where you will see all your purchased themes. Find InHost theme among them and click on the Download button on the right from the main content. In the provided list you will see the opportunity to download the whole theme package with all additional files or the theme .zip file directly.

If you have downloaded the whole theme package, you will find there such files after extracting:

- InHost_v1.0.0.zip file which is the WordPress theme
- All plugins folder
- Documentation folder
- PSD folder

#### 1. 3 Requirements for InHost:

- To use InHost, you must be running WordPress 3.9 or higher and PHP 5.3 or higher;

- To avoid problems with demo content import you must be sure that file_get_contents() function is enabled in the server configuration;

- Recommended memory_limit is no less than 64M;
- Upload_max_filesize should be no less than 20M.

#### 1.4 Theme Installation

You can install the theme in two ways:

#### WordPress

- Navigate to Appearance > Themes > Add New.

- Choose InHost_v1.0.0.zip file. Press the Install Now button to upload and install the theme;

#### FTP:

- Connect to your server via FTP software.

- Extract InHost_v1.0.0.zip file and upload only extracted inhost folder to /wp-content/themes/ folder on your server.

- Navigate to Appearance > Themes and activate InHost theme.

If you get error:

This usually occurs when either the PHP memory limit or max post size for WordPress has been reached.

The easiest workaround for this is to install theme through FTP (see above).

Alternatively you'll need to change a number of settings either on Wordpress or on your web host.

#### 1.5 Theme Upgrade

Nothing stands still: the updates for WP and plugins are constantly released and they are included in our template. We supplement our theme with new features and fix all the issues. Because of this our theme regularly updates our theme. We recommend you to use always the last theme version to avoid the issues with incorrect template functioning. While the theme update the theme files will be rewritten and if you made any changes directly in them, the changes will be lost.

So, if you are planning to customize your template, we insistently advise you to use Child Theme

The theme update affects only the theme files and do not influence the data base. But, to avoid any difficulties, please, do the backup of theme files and data base before any update.

##### Follow the steps below to update theme through FTP:

1. Download the zipped package from ThemeForest and extract to your desktop.
2. In the extracted package you will find archive InHost_v1.0.0.zip, which is the WordPress theme.
3. Extract zip file and upload only extracted inhost folder to /wp-content/themes/ folder on your server with overwriting.

Please, re-save your InHost options after upgrading the theme. Navigate to admin panel > Theme Options and hit Save changes.

### 2. External plugins

#### 2.1 General information

First of all, we would like to specify that we do not guarantee the compatibility of our theme with all the third-party plugins for WordPress and WooCommerce. Our template is fully compatible only with the plugins that are included in our theme and also WooCommerce, EventOn plugins. You often (not always) need to customize the extension to make it work properly with your theme. It's impossible for theme author to make the theme compatible with all existing extensions. Please, take that into your consideration and treat with understanding!

#### 2.2 Included plugins

InHost theme includes a number of perfect third-party plugins that greatly increase the theme opportunities and open new horizons for your blog. The following plugins are attached to InHost theme:

- WPBakery Visual Composer,
- Revolution Slider,
- Mega Main Menu,
- WHMCS Bridge,
- WooCommerce,
- YITH WooCommerce Wishlist

As we are not these plugins developers, you may find on their developers’ web-sites all the set up information and documentation for them.

#### 2.3 Installation

The installation of every previously mentioned plugins will be required once after the theme activation.

Install them and Activate them.

In case if automatic plugin installation fail (as a rule it is because of your server settings), you can install them manually via your Dashboard: Plugins > Add New > Upload Plugin > Browse plugins archives.

Or via FTP, by uploading and extracting the plugin zip files into wp-content/plugins folder. You can find the zip files for plugin installation in the theme folder inhost/admin/plugins.

#### 2.4 Update

Plugins authors regularly release the updates and in order to use all the features or fix already found issues, we recommend you to follow the plugins versions and update them on your installations. To update the plugins, switch to your server with FTP. Copy extracted plugins folders into wp-content/plugins/ folder

#### 2.5 Activation and Purchase Codes

All the included in our theme plugins are external and we do not have the right to build them into our theme as we purchase the Extended License for each of these plugins. The plugins run perfectly and are fully functional.

Keep in mind, we are constantly including the plugin updated versions and while every theme update you may find the actual plugin version in the theme folder. There is no doubt that you can get the current plugin version directly from us. For that, it will be enough to contact us via contact form on ThemeForest or our email( inwavethemes@gmail.com ) or create the topic at our Ticket System ( http://inwave.ticksy.com/ ) and we will send you the necessary zip file ASAP.

These plugins registration is not obligatory! The plugins are functioning perfect without any activation. The plugin activation option was added in the plugin only for the customers to get automatic updates and support directly from plugin developers. Only in case you need this features you will need to purchase and register the plugin. This is not only our practice but all the theme authors from ThemeForest.

### 3. WooCommerce

#### 3.1 WooCommerce plugin installation

Our theme is fully compatible with WooCommerce plugin, but it's not included in theme package. You should install WooCommerce plugin before demo content import:

- Go to Plugins > Add New;
- Enter WooCommerce plugin in search field;
- Find and install WooCommerce - excelling eCommerce plugin by WooThemes;
- Activate plugin and skip installing WooCommerce Pages (see screenshot)

- You can also create them manually by using WooCommerce shortcodes.

#### 3.2 WooCommerce settings

After succesfull plugin installation you should change some WooCommerce options:

- Go to WooCommerce > Settings > Products and set following recommended dimensions:

  You can change how many days to display "new label" of product here too.

### 4. Demo Data Installation

The next step gives the opportunity to install automatically demo content.

Firstly go to Theme Options > Import Demo, press Import demo content button to install products, categories, posts, portfolios, some pages, widgets, menus.

#### Note:

a. You may see the imported images as below:
If you want the original images data, please download here: original-images.zip, and then extract zip file to the folder /wp-content/uploads/

b. If you get an internal server error or blank page when importing please try appending bellow code to the line 2 of this file: /wp-content/themes/inhost/admin/importer/importer.php

    ini_set('max_execution_time', 900);
    ini_set('memory_limit', '512M');
    ini_set('max_input_time', 0);

Here is the result:

    <?php
    ini_set('max_execution_time', 900);
    ini_set('memory_limit', '512M');
    ini_set('max_input_time', 0);
    /**
     * inhost import demo data content
     *
     * @package inhost
     */

And then click button "import demo content" again.

c. If your site has duplicate content, try to reset all using this plugin and then import demo data again: https://wordpress.org/plugins/wordpress-reset/
You should empty the upload folder too (wp-content/uploads)

### 5. WHMCS Bridge

The WHMCS Bridge plugin integrates your WHMCS support and billing software into WordPress providing a seamless and consistent user experience to your customers. Please make sure that you have installed WHMCS portal before (http://whmcs.com/)

#### 5.1 Auto Installation

You can install this plugin automatically as the previous section External plugins

#### 5.2 Manually Installation

- 1. Download the plugin: https://wordpress.org/plugins/whmcs-bridge/
- 2. Upload the `whmcs-bridge` folder to the `/wp-content/plugins/` directory
- 3. Activate the plugin through the 'Plugins' menu in WordPress.
- 4. Go to the WHMCS Bridge settings menu and configure the plugin options.
- 5. Install the plugin by clicking the Install button. This will create a new page titled WHMCS through which you can access the client portal of WHMCS.
- 6. Activate the sidebar widget if you want the sidebar navigation

For more information, please visit the developer site of this plugin: https://i-plugins.com/

#### 5.3 Upgrade to WHMCS Bridge Pro

WHMCS Bridge Pro (aka WHMCS WordPress Single Sign On / SSO) is a professional extension to the WHMCS Bridge plugin that takes the integration between WHMCS and WordPress a step further: http://i-plugins.com/

#### 5.4 Install Template for WHMCS portal

- 1. Go to the InHost template package, find the zip file whmcs_template.zip
- 2. Extract and Upload the zip file `whmcs_template.zip` to `YOUR_WHMCS_PORTAL_PATH/templates` directory of your WHMCS Portal
- 3. If you installed WHMCS Bridge Pro, just go to Wordpress admin -> WHMCS Bridge settings -> Template, Enter the "inhost" value:
- 3. If you don't have WHMCS Bridge Pro, rename "inhost" template folder "YOUR_WHMCS_PORTAL_PATH/templates/inhost" to "YOUR_WHMCS_PORTAL_PATH/templates/portal" (You have to delete the "portal" default template if it exists)

### 6. Portfolios

#### 6.1 Portfolios Installation

You can install this plugin automatically as the previous section External plugins. You also install manually via your Dashboard: Plugins > Add New > Upload Plugin > Browse plugins archives. The zip file can be found in the theme folder inhost/admin/plugins.

#### 6.2 Portfolios Manager

Also, you can manage the categories and extra fields of portfolios in "Extra Fields" and "Portfolio Categories" areas

### 7. Mega Main menu

#### 7.1 Menu location

InHost supports custom WordPress menu. Navigate to Dashboard > Appearance > Menus page and create menu.

There are only one menu location: Primary menu. Select the newly created menus on the Manage Locations tab as it mentioned on screenshot and press Save button.

#### 7.2 Mega Main menu Plugin:

Please make sure the primary menu is checked. For detailed instructions, please go to here http://manual.menu.megamain.com/

### 8. Slideshow

#### 8.1 Revolution Slider

Documentation from the author of the Revolution Slider you can find here: Slider revolution documentation

Please, refer to it for further information about slider settings. Sliders can be added to any page.

To setup Revolution Slider follow the next steps:

1) If you installed demo data in the part Demo Data Installation You will have some existing demo sliders, open one of them and then modify it.

2) If you already have import file you may import the archives, as it mentioned on the screenshot.

- Navigate to Revolution Slider.
- Upload file and next push Import Slider button.

3) If you want to create new slider navigate to Revolution Slider > Create New Slider.

- After that you will reach a form where you are prompted to enter the Sliders Basic Settings, a Slider Title and a Slider Alias.
- The next step is creating/editing slides. Insert the slider content.

3) Include the Slider in our theme:
- From the widgets panel (drag the "Revolution Slider" widget to the desired sidebar)
- From the post editor (insert the shortcode from the sliders table) or add Revolution Slider element if you build your page using Visual Composer.
- From the post/page options:

### 9. InHost Theme Options

#### General

- Favicon: You can upload your favicon;

#### Layout

- Show setting panel: Check this box to active the setting panel. This panel should be shown only in demo mode;
- Show page heading: Check this box to show or hide page heading;
- Breadcrumbs Enable: Check to display the breadcrumbs in general. Uncheck to hide them;
- Sidebar Position: Select slide bar position. You can override this setting in page/post editing option;
- Layout: Select boxed or wide layout;
- Page Background options: (Only work in boxed mode)
  - Background Image For Outer Areas In Boxed Mode: Please choose an image or insert an image url to use for the background.;
  - Full Background Image: Check this box to have the background image display at 100% in width and height and scale according to the browser size.;
  - Background Repeat: Choose how the background image repeats;
  - Background Color: Select a background color.;
  - : ;

#### Color presets

- Primary Color: The color used in the most of links, buttons, and other elements;
- Theme style: You can choose dark or light style
- Background Colors:
  - Header Background Color: Select a color for the header background;
  - Header Top Background Color: Controls the background color of the top header section used in Header style 2;
  - Header Border Color: Select a color for the header border;
  - Content Background Color: Controls the background color of the main content area;
  - Footer Background Color: Select a color for the footer background;
  - Footer Border Color: Select a color for the footer border;
  - Footer Back-to-top Background: Select a color for the Back-to-top Background;
- Font Colors:
  - Body Text Color: Controls the text color of body font;
  - Link Color Controls the color of all text links as well as the '>' in certain areas;
  - Header Font Color: Controls the text color of the header font;
  - Header Link Color: Controls the text color of the header link font;
  - Page Title Font Color: Controls the text color of the page title font;
  - Breadcrumbs Text Color: Controls the text color of the breadcrumb font;
  - Breadcrumbs Link Color: Controls the link color of the breadcrumb font;
  - Blockquote Color: Controls the color of blockquote;
  - Footer Headings Color: Controls the text color of the footer heading font;
  - Footer Font Color: Controls the text color of the footer font;
  - Footer Link Color: Controls the text color of the footer link font;
  - Button Text Color: Controls the text color of buttons;

#### Header Options

- Header Content Options:
  - Select a Header Layout: Ability to select header type which you prefer. There are 4 different styles for header
  - Sticky Header: Check to enable a fixed header when scrolling, uncheck to disable;
  - Show quick access: Check to show quick access icon;
  - Background Image For Header Area: Please choose an image or insert an image url to use for the header background;
  - 100% Background Image: Check this box to have the header background image display at 100% in width and height and scale according to the browser size;
  - Background Repeat: Choose how the background image repeats;
  - Contact Info: Text will display in the Contact Info section of your top header v2;
- Logo Options: There two logo using in different page: default and store
  - Logo: Choose an image file for your logo;
  - Store Logo: Choose an image file for your logo in Store page;
- Page Title Bar Options:
  - Page Title Bar Height: Height of Page Title Area In pixels;
  - Page Title Bar Background: Choose an image or insert an image url to use for the page title bar background;
  - Full Background Image: Check this box to have the page title bar background image display at 100% in width and height and scale according to the browser size;
  - Background Repeat: Choose how the background image repeats;

#### Footer Options

- Footer style: Select the layout for footer area;
- Footer Widgets: Check the box to display footer widgets;
- Background Image For Footer Area: Choose an image or insert an image url to use for the footer widget area background;
- Full Background Image: Check this box to have the footer background image display at 100% in width and height and scale according to the browser size;
- Background Repeat: Choose how the background image repeats;
- Back to top button: Select the checkbox to display Back to top button;

#### Shop Options

- Show Woocommerce Cart Icon in Top Navigation: Check the box to show the Cart icon & Cart widget, uncheck to disable;
- Show Quick View Button: Check the box to show the quick view button on product image;
- Quick View Effect: Select effect of the quick view box;
- Product Listing Layout: elect the layout for product listing page;

#### Blog

- Blog Listing:
  - Show Author Info Box: Check the box to display the author info box in each post;
  - Post Category Title: Check the box to display the post category title in each post;
- Blog Single Post:
  - Featured Image on Single Post Page: Check the box to display featured images on single post pages;
  - Post Title: Check the box to display the post title that goes below the featured images;
  - Post Category Title: Check the box to display the post category title that goes below the featured images;
  - Tag Cloud: Check the box to display the tag cloud box;
  - Author Info Box: Check the box to display the author info box below posts;
  - Related Posts: Check the box to display related posts;
  - Social Sharing Box: Check the box to display the social sharing box;

#### Social Media

- Social Sharing:
  - Facebook: Show the facebook sharing icon in blog, woocommerce and portfolio detail page;
  - Twitter: Show the twitter sharing icon in blog, woocommerce and portfolio detail page;
  - Linkedin: Show the linkedin sharing icon in blog, woocommerce and portfolio detail page;
  - Google Plus: Show the g+ sharing icon in blog, woocommerce and portfolio detail page;
  - Tumblr: Show the tumblr sharing icon in blog, woocommerce and portfolio detail page;
  - Pinterest: Show the pinterest sharing icon in blog, woocommerce and portfolio detail page;

#### Import demo

- Import Demo Content: Use this button if you need to install demo content;

#### Backup Options

- Use this function for creating backup of the settings and possibility to come back to them, if the future changes be unsuccessful.

### 10. One Page

You may create One Page with anchors for page sections just in few steps, follow them:

Step 1: Create page with necessary content.

Step 2: Edit you rows and add anchors using row id

Step 3: Go to Appearance > Menu . Create menu for your one page. Use Links element to create items for your sections. URL field contains your Anchor (Row id). Anchor is section anchor you set in previouse step.

### 11. Widgets

There are 4 default widget areas, which you can use to add your own content and functionality (Appearance > Widgets).

##### Sidebar Default

This is default slider bar. You can configure the position of this sidebar to left, right, bottom in Theme Options

##### Sidebar Product Page

This sidebar is used to display widgets in woocommerce page

##### Sidebar FAQ

This sidebar is used to display FAQ menu & Contact form FAQ page

##### Sidebar Footer Default

This sidebar is used to display footer widgets.

### 12. WishList

Your customers can browse through your store and add items to list to compile an itemization of goods or services they desire.

Firstly create WishList page if it's not created yet using following shortcode [yith_wcwl_wishlist]

Go to WooCommerce > Settings > WishList and select "After "Add to cart"" for Position option.

Other settings you may adjust at your option.

If you don't want to use wish list feature, please go to plugin manager and remove YITH WooCommerce Wishlist Plugin

### 14. How to translate

The translation file en_US.pot you can find in Languages_PO_files folder in theme package. Edit the .po file using POEdit, use the translation field to make replacements. Read here how to do it right.

From the file menu, save file with your language name e.g de_DE.po. It will generate both a .po and .mo files for your translation. Place these files into languages folder /wp-content/themes/inhost/languages.

Next edit wp-config.php located in the root folder of WordPress and use the $locale with prefix with your language name which should be similar to the translation file name. For example: $locale='de_DE';

### 15. Child Theme

InHost fully supports Child Theme.

A WordPress child theme is a theme that inherits the functionality of the parent theme. With child theme you can make modification or add additional functionality to parent theme. A child theme is the safest and easiest way to modify an existing theme, whether you want to make a few tiny changes or extensive changes.

You may read how to create child theme here http://codex.wordpress.org/Child_Themes

### 16. Additional questions & support

We aim to help our clients if they have any unresolved difficulties. For this reason, if you still have questions we will be happy to answer them. You can contact us in any way you like: submit ticket or send us an email inwavethmes@gmail.com. Our support center https://inwave.ticksy.com/ is at your service.

Our working hours (GMT + 7)
Monday-Friday: 8.00 a.m. - 5.00 p.m.
Saturday, Sunday - Closed