Hostclub Pro Theme

Download From your wpshopmart account panel

Uploading hostclub Pro via FTP to WordPress

• Download the zipped theme pack to your local computer from member dashboard and extract the ZIP file contents to a folder on your local computer.
• In the extracted folder you will find 'hostclub-pro.zip' Extract this file .
• Using an FTP client to access your host web server.
• Upload the Theme files in the extracted folder called 'hostclub-pro' to (/wp-content/themes/) directory provided by WordPress.
• Visit WordPress Dashboard > Appearance > Themes, then click the Activate on hostclub Pro theme.

Installing hostclub From the WordPress Dashboard

• Download the zipped theme pack to your local computer from member dashboard and extract the ZIP file contents to a folder on your local computer.
• Log into your WordPress admin panel and click on the “Appearance” tab.
• Now click on the "Add New" tab.
• Click on the "Upload Theme" button, "Browse" for file called hostclub-pro.zip in the extracted folder select "Open".
• Click the "Install Now" button.
• Activate the theme from this page, OR "Return to Themes Page" and activate from there.

This theme may be updated periodically in order to add new features and fix bugs. When a new update be avilable an update notification will send you via email . As a customer, you can download the most current version from your member account.

Updating Manually

1. Download the most current version from member dashboard in the "Downloads" area of your account.
2. Unzip the package and locate hostclub-pro.zip in the theme folder.
3. Go to Appearance > Themes and activate another theme such as the default WordPress theme.
4. Delete the hostclub Pro theme which is now inactive.
5. Go to Install Themes > Upload then install and activate hostclub-pro.zip from the new package.

1. Go to hostclub Pro Settings
2. Click on Demo Importer
3. Click on import demo & save it.

This Theme uses wordpress built-in menus feature which can be found in your wordpress dashboard > appearance > menus. To setup a new menu, please follow the steps below. Its best to already have your pages created, even if they are blank pages.

1. Navigate to Apperance > Menus page
2. Click the "create a new menu" link to make a new menu. Enter the name then hit Create Menu
3. To add a menu item, you can easily select one of your already made pages on the left hand side and click Add to Menu
4. You can also add menu items by entering a custom name and custom link into the Links box.
5. You can manage your menus using the drag and drop functionality. To create a dropdown menu, simply drag a menu item below and slightly to the right of another menu item and it will lock into place and create a dropdown section.
6. After setting up your menu, select the menu you just created as the Primary Navigation in the Menu Settings and Create a new menu and select it as the Top Menu Navigation in the Menu Settings
7. Once its all done, make sure you click the Save button.
8. You can chnage menus locations in any time from Manage Locations tab .

1. To create mega menu use css class "mega-dropdown" in menu.
2. To seperate the column in mega menu use css class "column-divider" in submenu.

1. Navigate to hostclub Settings page > Header Navigation tab .
2. Click to Logo and General Styling
3. Select Use Image for Logo Yes
4. Upload Logo File from your computer
5. Select logo width and height
6. Then click on save changes
7. If you want to use logo title instead of image then go on dashboard click on Appearance - > customize -> site identity then enter site title.

1. Go to (WordPress Dashboard > Settings > Reading)
2. Under " Front page displays" you will have two options:
3. "Your latest posts" use this option in case you want to show a list of your recent posts in a blog list view
4. "A static page" we recommmend creating a new page called "Home" in WordPress, so you can assign this page as your static front page and you will be able to customize
5. Click Save Changes

1. Go to (WordPress Dashboard > Pages > All Pages)
2. Edit Your Home Page
3. Select Template Homepage-1 from the dropdown
4. Click Publish Button

1. Go to hostclub Pro Settings
2. Click on General Settings
3. Upload Your Site Favicon for showing favicon with site title in browser tab
4. Back To Top Butoon will help when webpage scrolling is in very depth. In this case user can reach top of the webpage clicking on this button.
5. If you want to Enable Preloader when front page appear then click "on"
6. Keep Back To Top Butoon in Mobile will help when webpage scrolling is in very depth in mobile devices. In this case user can reach top of the webpage clicking on this button.
7. Google Analytics will help you to track users. You can insert your google analytics code
8. Custom CSS Code will help you to apply custom css to the Theme

1. Go to hostclub Pro Settings
2. Click on boxed layout
3. If you want box layout of theme than select Enable Boxed Layout? "On"
4. You can select Background Color, Background Image, Background Repeat,Background Position, Background Attachment, Auto resize background image to fit window? Properties for your box layout

• Go to hostclub Pro Settings
• Click On Home Page Settings
• Select Slider Option
• You can select slider properties from this section

Add Slider Images And Description

• After Set Slider Properties now Go on Slider
• Click On Add New Slider
• Select Slider Option
• You can select slider properties from this section
• In this section You can add mutiple slide by adding Add new slider
• Slider content Like Text, Button URL, Image will be added from this section

Design Service Section

• Go to hostclub Pro Settings
• Click On Home Page Settings
• Select Service Option
• You can insert Setion Title, Service Section Description, Select Services Group, Number Of Service on home page
• Then Click And Save

Add Services

• After Set Services Properties now Go on Service
• Click On Add New Service
• You can insert Service Title, descritpion, icon and group from here
• Then Update Your First Service. After it You can add more services in same style.

Design About Section

• Go to hostclub Pro Settings
• Click On Home Page Settings
• Select About Option
• If you want add about section on Home page then enter About Section Title, Subtitle,Background Image and Description into given fields
• Then Click And Save

Design Feature Section

• Go to hostclub Pro Settings
• Click On Home Page Settings
• Select Feature Option
• For Features option there is no Metabox. Simple Create features form as like as service meta box and assign a group
• Select Assigned group within the features option
• Then Click And Save

Design Portfolio Section

• Go to hostclub Pro Settings
• Click On Home Page Settings
• Select Portfolio Option
• You can insert section title,Image, column, categories and filter option from this section

Add Portfolio

• After Set Portfolio Properties now Go on Portfolio
• Click On Add New Portfolio
• You can insert Portfolio Title, descritpion, Client Name and categories from here
• Then Publish Your First Portfolio. After it You can add more Portfolio in same style.

Design Team Section

• Go to hostclub Pro Settings
• Click On Home Page Settings
• Select Team Option
• You can insert Team Section Title, Description and group from here.

Add Team

• After Set Team Properties now Go on Team
• Click On Add New Team
• You can insert Team Title(Name) and Thumbanail image here
• We also offer 16 social media links. Insert these links with full url including http or https
• Also You can set Team Member custom link, Mobile Number, Phone etc.
• Then Publish Your First Team. After it You can add more Team in same style.

Design Testimonial Section

• Go to hostclub Pro Settings
• Click On Home Page Settings
• Select Testimonial Option
• You can insert Testimonial Image, and group from here.

Add Testimonial

• After Set Testimonial Properties now Go on Testimonial
• Click On Add New Testimonial
• You can insert Testimonial Title(Name), Designation, Content and thumbanail image here
• Then Publish Your First Testimonial. After it You can add more Testimonial in same style.

Design Facts Section

• Go to hostclub Pro Settings
• Click On Facts Option
• You can select Facts tiltle,Description,Group and then Save

Add Facts

• After Set Facts Properties now Go on Number Facts
• Click On Add New Facts
• You can insert Counter Number Icons,Image, Number in given fields and groups
• Then Publish Your First Facts. After it You can add more Facts in same style.

Design Blog Section

• Go to hostclub Pro Settings
• Click On Blog Option
• You can select Blog Section Title,Column and then Save

Design Pricing Table Section

• Go to hostclub Pro Settings
• Click On Home Page Settings
• Select Pricing Table Option
• You can insert section title, description, column from this section

Add Price Table

• After Set Price Table Properties now Go on Price Table
• Click On Add New Price Table
• You can insert Title, Price Table from here
• Then Publish Your First Price table. After it You can add more price table in same style.

Design Client Section

• Go to hostclub Pro Settings
• Click On Client Option
• You can select Client/Partner Column Layout from dropdown
• Select groups of clients which want to show you on Homepage

Add Client

• After Set Client Properties now Go on Clients/Partners
• Click On Add New Client
• You can insert Client Title(Name), Website Link, Thumbnail and group from given fields
• Then Publish Your First Client. After it You can add more Client in same style.

Design Callout

• Go to hostclub Pro Settings
• Click On Header Callout Option
• You can Callout Title, Button Text, Button URL then Save

Design Home Layout Manager

• Go to hostclub Pro Settings
• Click On Design Home Layout Manager
• If you want to hide or show any section from the Homepage you can do it from here. Just drag and drop section
• Enabled section will appear on your homepage and disabled section will not show on homepage

1. Go to hostclub Pro Settings
2. Click On Theme Design Settings
3. By using Theme Color settings you can choose color for your theme.
4. By Using On button You can Use Custom fonts Body content? for apply fonts on entire body content. You can set font family of your theme from here.
5. Also you can change custom font for menu

Logo & General Styling

• Go to hostclub Pro Settings
• Click On Header Navigation
• Select Logo & General Styling
• You can Select Use Image for Logo? for image Logo.
• If you want to show site title name then Go dashboard Appearance -> customize -> Site Identity and enter Site Title and Tag Line

Header Menu Presets

• Go to hostclub Pro Settings
• Click On Header Navigation
• Select Header Menu Presets
• Save settings after do this

1. Go to hostclub Pro Settings
2. Click On Top Header Info
3. You can insert Phone Text & Social Icons.

1. Go to hostclub Pro Settings
2. Click On Portfolio Page
3. You can choose grid and masonary layout for your portfolio.
4. Select Portfolio Page Layout - You can select full width ot container look of portfolio page
5. Select Portfolio Columns- You can select Portfolio columns on Portfolio page Ex- 2 column, 3 column, 4 column
6. You can set any page as portfolio just edit page and select attribute as Portfolio and update page

1. Go to hostclub Pro Settings
2. Click On Service Page
3. Select Services Group - If you want to show only particular group on service page then you can show select from here.
4. Select Service Columns- You can select service columns on service page Ex- 2 column, 3 column, 4 column
5. You can set any page as service page. Just edit page and select attribute as Service Page and update page

1. Go to hostclub Pro Settings
2. Click On Team Page
3. You can set any page as Team page. Just edit page and select attribute as Team Page and update page

1. Go to hostclub Pro Settings
2. Click On Blog Page
3. Blog Style - Select Default for full width Blog, and 2 column, 3 column Layout
4. You can also enable Blog Sidebar Option Left, Right and without Sidebar from dropdown
5. You can select blog content length
6. Save settings after do this

1. Go to hostclub Pro Settings
2. Click On Contact Page
3. You can add contact page title,toll free title, icon,number,branch office title,address,email,contact number etc.
4. Save settings after do this

1. Go to hostclub Pro Settings
2. Click On Page Header Title
3. You can on Page Title Header Section for show this on page
4. You can select Background Type,Background Color,Font Color,Background Image.
5. You can on breadcrumb for show on page Header Title
6. Save settings after do this

1. Go to hostclub Pro Settings
2. Click On Social Media Links
3. You can insert social media links which will appear on header

1. Go to hostclub Pro Settings
2. Click On Footer Option
3. Footer customization - You can edit copyright text from here.
4. Footer Column - You can select columns layout for footer widgets
5. Footer Callout - You want to show footer callout then click On and insert values in given fields like text, button url
6. Do you want to use the Social Media Links in Footer ? - If you want to show icons in footer area then click and select which icons you want to show in footer via checkbox

1. Go to hostclub Pro Settings
2. Click On 404 Page Option
3. You can add Title,Description,Background Image,Button Text.

1. Go to hostclub Pro Settings
2. Click On Custom URL Settings
3. You can set custom URL links from here

1. Go To any page or Post
2. Click On wpshopmart shortcode
3. Select shortcode from the Pop Up wpshopmart Shortcodes settings
4. Select shortcode which you want to be inserted and fill the properties in given fields.
5. Then click on Add Shortcode button at bottom