TABLE OF CONTENTS
1. Theme Installation
2. Front Page Setup
3. Home Page Sections
4. How to manage Site Title, Logo, Tagline and Site Icon?
5. How to manage Fonts?
6. How to manage Colors?
7. How to manage header Image?
8. How to manage Menus?
9. How to add Widgets?
10. How to manage theme Options?
11. How to manage Additional CSS?
12. How to manage Sliders?
13. How to manage Services?
14. How to manage About?
15. How to manage Work Process?
16. How to manage Portfolio?
17. How to manage App?
18. How to manage Team?
19. How to manage Achievements?
20. How to manage Testimonial?
21. How to manage Callback?
22. How to manage Client?
23. How to manage Pricing Table?
24. How to manage WooCommerce Product?
25. How to manage Highlight Posts?
26. How to manage Contact?
27. How to Reorder Homepage Sections?
1. Theme Installation
After you purchase & download your theme from store, you can choose either of the approaches given below to install your theme:Approach I : From your admin dashboard.
- Log in to the WordPress Administration Panels.
- Select the Appearance panel, then Themes.
- Select Add New.
- Then, select Upload Theme.
- Click Browse. Locate multiple-business-pro.zip theme in your computer.
- Select multiple-business-pro.zip & click Install Now.
Approach II : Upload & install theme through FTP client
You can use FTP client like FileZilla to connect your web server.- Unzip multiple-business-pro.zip to your Desktop.
- Using an FTP client to access your host web server, go to /wp-content/themes/ & upload your new copy of Multiple Business Pro theme.
- Now, log into the WordPress Dashboard with your login details.
- Select the Appearance panel, then Themes.
- You will see the theme in the list.
- Then, click Activate button.
- Now, the theme will be activated & follow the respective steps to set up the theme .
2. Front Page Setup
After activation by default, you will see the list of posts on homepage. You can change the home page into the structure as shown in Demo Page. For that, you need to setup static front page.How to manage Homepage Settings? To set a static front page you need to have a page which can be set as Homepage Settings. If you already have a page, then that’s fine otherwise follow the steps:
- Hover over the “Pages” menu
- You will see “Add New” under “All Pages”
- Click “Add New“
- You will be redirected to new page from.
- Add title “Home” or any title you want.
- Select a page template named "Front Page" from the template select area.
- Leave editor blank
- Click Publish button to save changes.
- Hover over “Appearance”
- Click “Customize”
- Go to “Homepage Settings”
- Choose “A static page” option under “Your homepage displays” title.
- Choose the “Home” (or any page you created) to "Homepage" and the “Blog” (or any page you created) to "Posts page" as shown on the image below.
- Click “Save & Publish” button to save changes.
3. Home Page Sections
The demo is divided into different section as shown in the image below:The different sections are described below:
- Top Header Contact detail, Social Menu, WooCommerce Cart, WPML Language Switcher and Search Section: For Top Header Contact detail Go to Apperence / Customize / Theme Options / Header Options. To setup Social Menu section, you need to create a menu and assign its location to Social Menu. To create menu, go to Admin Panel / Appearance / Menus / Create a Menu. Then, assign its location to Social Menu from Display Location under Menu settings. To add social accounts (icons), use Custom Links tab from the left sidebar. Enter your Social account URL and Link text then click Add to Menu button and save the menu. WPML Language Switcher. will appear from WPML Plugin. To plugin setup refer to: WPML Documentation WooCommerce Cart will appear automatically after you install and setup WooCommerce plugin and Search Section will come by default in theme activation. Site Identity, Primary Menu and Get a Quote button Section: The Site Identity section is setup from Admin Panel / Appearance / Customize / Site Identity and to setup Primary Menu section, you need to create a menu and assign its location to Primary Menu. To create menu, go to Admin Panel / Appearance / Menus / Create a Menu. Then, assign its location to Primary Menu from Display Location under Menu settings. Get a Quote button section is setup from Admin Panel / Appearance / Customize / Theme Options / Header Options
- Slider Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Slider. Refer below How to manage Slider? for more detail.
- Service Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Service. Refer below How to manage Service? for more detail.
- About Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / About. Refer below How to manage About? for more detail.
- Process Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Process. Refer below How to manage Process? for more detail.
- Portfolio Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Portfolio. Refer below How to manage Portfolio? for more detail.
- App Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / App. Refer below How to manage App? for more detail.
- Team Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Team. Refer below How to manage Team? for more detail.
- Achievement Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Achievement. Refer below How to manage Achievements? for more detail.
- Testimonial Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Testimonial. Refer below How to manage Testimonial? for more detail.
- Callback Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Callback. Refer below How to manage Callback? for more detail.
- Woocommerce Product Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Woocommerce Product. This section will appear autometically if woocommerce plugin is installed. Refer below How to manage Woocommerce Product? for more detail.
- Client Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Client. Refer below How to manage Client? for more detail.
- Pricing Table Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Pricing Table. Refer below How to manage Pricing Table? for more detail.
- Highlight Posts Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Blog. Refer below How to manage Blog? for more detail.
- Contact Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Contact. Refer below How to manage Contact? for more detail.
- Footer Callback Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Footer Callback. Refer below How to manage Footer Callback? for more detail.
- Footer Widget Area Section: This section is set up from the widget. So you need to go to Admin Panel / Appearance / Customize / Widgets / Footer. and add the widget you like. Refer below How to add Widgets? for more detail.
- Footer Section: To set up Footer Copyright section you need to go to Admin Panel / Appearance / Customize / Theme Options / Footer. Refer below How to manage Footer Options? and for Social Icons: The social icons are comes from social menu section, you need to create a menu and assign its location to Social Menu going to Admin Panel / Appearance / Customize / Menus / Menu Location. Footer menu is setup from Admin Panel / Appearance / Customize / Menus / Menu Location. and assign its location to Footer Menu
4. How to manage Site Title, Logo, Tagline and Site Icon?
1. From Customize section, go to Site Identity. 2. From Site Identity, you will be able to add various options related to site identity like:- Logo ( Only available in WordPress version greater than or equal to 4.5 ): It changes the main logo of the site.
- Site Title: It changes the main site title of the site.
- Tagline: It changes the tagline (i.e:Description) of the site.Just below site title.
- Display Site Title and Tagline: It enable/disable the Site Title and Tagline.
- Alternet Logo for Fixed Header: Add different logo for Fixed header.
- Site Icon: The Site Icon is used as a browser and app icon for your site.Icon must be square, and at least 512px wide and tall.
5. How to manage Fonts?
From Customize section, go to Fonts. 1. From Fonts / Font Family , you will be able to add various fonts family options for respective elements:- Body: Set the font family for your overall Site.
- Site Title: Set the font family for Site Title.
- Site Tagline: Set the font family for Site Tagline.
- General Title: Set the font family for heading tags ( h1 - h6 ).
- Section Heading: Set the font family for all headings under the sections in Home Page Template.
2. From Fonts / General
- Font Size: Set the font size for all headings under the sections in Home Page Template.
6. How to manage Colors?
1. From Customize section, go to Colors. 2. Under Colors you will see different section Colors. They are:- Background: Set the color for Body background.
- Site Identity: Set the color for Site Logo.
- Site Tagline: Set the color for Site Tagline.
- Primary: Set the color for primary elements.
7. How to manage header Image?
How to manage Header Image?
1. From Customize section, go to Header / Header Image . 2. From Header Image Options, you will see Current Header & Suggested Options sections. Recommended size 1920px X 380px.- Current header: Upload your desired header image .. If the preview is fine, click on Save and Publish to apply recently uploaded Header image.
- Suggested: You can even use the suggested header image if you dont want to uploed other image.
8. How to manage Menus?
1. How to create a menu?
- From Customize section, go to Menus
- From Menus, click “Add a Menu” button and you will be able to create a menu.
- Now, click Add Items and you will be able to Add or Remove Menu Items according to your requirement.
- Select the Menu locations.
- If the preview looks fine, save the changes by clicking on Save and publish button.
2.How to change menu Locations?
1. From Customize section, go to Menus and inside it you will find Menu Locations. 2. Here you can:- Select the menu for Primary Menu. Primary menu appears as a main menu in the header section.
- Choose the Social Menu, which shows the social link’s title as a menu.
- Choose the Footer Menu, which shows the right side of the footer.
9. How to add Widgets?
1. From Customize section, go to Widgets. 2. From Widgets, you will see different sections to add widget where you will be able to Add a Widget or Remove widgets by going to particular widget section.Available Custom widgets:
3. And the added widget will be displayed in particular section that you have added.Available widget Areas:
10. How to manage theme Options?
1. From Customize section, go to Theme Options.2. From Theme Options, you will see different sections as below :
Header Options
- Top header Address: Enter Address.
- Top header Email: Enter Email.
- Top header Phone: Enter Phone.
- Disable Top Header: Enable/Disable Top Header section.
- Select Header Layout: You can select 4 Header layout options by dropdown.
- Header Button Text: Enter Header Button Text.
- Header Button URL: Enter Header Button URL.
- Disable Header Button: Enable/Disable Header Button.
- Disable Fix Header: Enable/Disable Fix Header.
- Select Preloader Type: You can select 3 Site Preloader options by dropdown.
- Disable Preloader Type: Enable/Disable Preloader.
Layout Options
- Archive Layout: Archive Page Side bar position. Options: Right Sidebar, Left Sidebar and No sidebar
- Archive Post Layout: Archive Post Layout. Options: Grid layout and Simple(list) layout
- Archive Post Image: Archive Post Image Size veriations. Options: Thumbnails, Medium, Large, Full and Default.
- Archive Post Image Alignment: Archive Post Image Alignment. Options: Left, Right and Center
- Single Page Layout: Single Page Layout. Options: Left, Right and Compact
General Options
- Woocommerce Sidebar Position: Set the sidebar position to Right, Left and Hide in Woocommerce Shop page.
- Enable WPML Language Switcher: Enable/Disable WPLM Language Switcher in the Top Header section. For plugin setup refer to: WPML Documentation
- Disable Inner Banner Content: Enable/Disable Inner Banner Content. It will make image only Inner banner.
- Enable Breadcrumb: Enable/Disable Breadcrumb option.
- Disable Feature image from inner page: Enable/Disable Feature image from inner page.
-
Instagram Post Slider
- Enable Instagram: Enable/Disable Instagram section in About page template. Refer below: How to manage Page Templates?
- Instagram Access Token: To show images from your Instagram account, you need to have an access token. For access token refer to: Keon Instagram Token Generator
- Enable Follow us button: Enable/Disable Follow us button over Instagram Slider.
- Total Number of Images: Set the maximum number of images. Leave 0 to display all images.
Blog Options
- Blog Page Title: Change Blog Page Title.
Footer Options
- Select Footer Layout: You can select 3 Footer layout options by dropdown.
- Footer Text: Add copyright text of your website.
- Disable footer widgets: Enable/Disable footer widgets. To add widgets refer above How to add Widgets?
- Enable Scroll top in mobile: Enable/Disable Scroll top in mobile.
Maintenance Mode: Set the Maintenance/Coming Soon Mode on your website.
- Heading: Add a title.
- Sub Heading: Add a sub title or small description.
- Select Background Image: Add Background image for the page.
- Enable Maintenance Mode: Enable/Disable maintainace mode.
11. How to manage Additional CSS?
1. From Customize section, go to Additional CSS. 2. Additional CSS you will see:- You can add your own CSS.
12. How to manage Sliders?
How to add Slider?- From Sliders section, go to Add New.
- Enter Title.
- Enter Content.
- Select Featured Image. Recommended Size is 1920px X 750px.
-
Slider Options:
- Content Alignment: Set position of content to Left, Right and Center.
-
Additional Button:
- Name: Enter a name for button.
- Link: Enter a URL for button.
- Enable: Enable/Disable the button.
- Click Publish.
-
From Customize / Front Page Options / Slider.
- Show Slider Control: Enable/Disable Slider control.
- Slider Auto Play: Enable/Disable Slider auto play.
- Slide Duration: Enter Auto time out in second.
- Button Text: Enter a text for Button.
- Enable Button: Enable/Disable Button text.
- Disable Slider: Enable/Disable slider.
13. How to manage Services?
How to add Services?- From Services section, click Add New.
- Enter Title.
- Enter Content.
- Enter KFI Icon class in Icon field. You can find a list of icons from kfi icons
- Select Featured Image. Recommended Size is 1170px X 710px.
- Click Publish.
- From Customize / Front Page Options / Service.
- Select a page: Select a page for left service section area.
- Button Text: Add Button Text for left service section area.
- Disable Button: Enable/Disable Button for left service section area.
-
Service Item area:
Disable Read More Button: Enable/Disable Read More Button. - Read More Button Text: Add Read More Button Text.
- Background Color: Background Color for Service section.
- Disable Service Section: Enable/Disable Service section.
- Click Publish.
14. How to manage About?
How to add About page?-
From Customize / Front Page Options / About.
- Select a Page: Select a page that you want to display the content of. The Featured Image recommended Size is 1170px X 710px of the page.
- Button Text:Enter a text for button.
- Video URL:Enter the youtube/vimeo video url.
- Video Message Text:Enter the video button text.
- Background Color: Select background color.
- Disable About: Enable/Disable About section.
- Click Publish.
- From Appearance / FAQs section, Click Add New.
- Enter the title.
- Enter the Question.
- Enter the Answer.
- Repeat step 1,3,4
- Click Save Changes
Note: To delete the FAQ, select respective item by clicking tick icon and click Delete button. You can Drag and Drop for re-arranging the items.
15. How to manage Work Process?
How to add Work Process?- From Process section, go to Add New.
- Enter Title.
- Enter Content.
- Click Publish.
- From Customize / Front Page Options / Work Process.
- Heading: Enter Heading.
- Sub Heading: Enter Sub Heading.
- Background Color: Select background color.
- Disable Work Process: Enable/Disable Work Process.
- Click Publish.
16. How to manage Portfolio?
How to add Portfolio?- From Portfolio section, click Add New.
- Enter Title.
- Enter Content.
- Select a Featured Image. The recommended Size is 1170px X 710px of the page.
- Add Portfolio Type.
-
Portfolio Options:
-
Information:
- Sub Title: Enter a Sub Title.
- Link: Enter a external portfolio URL.
- Date: Enter or Select the date.
-
Gallery:
- Add Image: Click add image. Recommended Image Size is 1170px X 750px. The added image will shown as slider in detail page.
- Add external link.
- Note: To delete the image, select respective item by clicking tick icon and click Delete button. You can Drag and Drop for re-arranging the items.
-
Information:
- Click Publish.
- From Customize / Front Page Options / Portfolio.
- Heading: Enter Heading.
- Sub Heading: Enter Sub Heading.
- Show at Most: Maximum number of Portfolio to display.
- Select Items Column: Select Items Columns to display.
- Background Color: Select background color.
- Disable Portfolio: Enable/Disable Portfolio.
- Click Publish.
17. How to manage App?
-
From Admin Panel / Appearance / Costumize / Front Page Options / App
- Heading:Enter the Heading .
- Sub Heading:Enter Sub Heading.
- Front Image and Front Image link:Select the image for Front Image and Enter the link for Front Image link. Front Image recommended size is 340px X 340px.
- Button Images and Links:Select the image for Button Images and Enter the link for Button Image link repectively.
- Background Image: Select background color.
- Disable App: Enable/Disable App section.
- Click Publish.
18. How to manage Team?
How to add Team?- From Team section, click Add New.
- Enter Title.
- Enter Content.
-
Team Profile Options:
-
General:
- Position: Enter a Job position.
- Profile Picture: Select Profile Picture. The recommended size is 600px X 650px.
-
Social:
- Social Links: Add links of your social profiles.
-
Achievement:
- Title: Add heading title.
-
Add Achievement:
- Title: Add title.
- Link: Add external link.
- Description: Add Description.
- Note: To delete the Achievement, select respective item by clicking tick icon and click Delete button. You can Drag and Drop for re-arranging the items.
-
General:
- Click Publish.
- From Customize / Front Page Options / Team.
- Heading: Enter Heading.
- Sub Heading: Enter Sub Heading.
- Background Color: Select background color.
- Disable Team: Enable/Disable Team.
- Click Publish.
19. How to manage Achievements?
How to add Achievements?- From Appearance / Achievements section, click Add New.
- Enter Title.
- Enter KFI Icon class in Icon field. You can find a list of icons from kfi icons
- Add Total Count.
- Note: To delete the Achievement, select respective item by clicking tick icon and click Delete button. You can Drag and Drop for re-arranging the items.
- Click Save Changes.
- From Customize / Front Page Options / Achievement.
- Heading: Enter Heading.
- Sub Heading: Enter Sub Heading.
- Background Image: Select a background image.
- Disable Achievement: Enable/Disable Achievement.
- Click Publish.
20. How to manage Testimonial?
How to add Testimonial?- From Testimonial section, click Add New.
- Enter Title.
- Enter Content.
- Feature Image.: Select Feature Image. The recommended size is 150px X 150px.
- Enter Company Name.
- Click Publish.
- From Customize / Front Page Options / Testimonial.
- Heading: Enter Heading.
- Sub Heading: Enter Sub Heading.
- Show at Most: Enter a maximum number of testimonial to display.
- Background Color: Select background color.
- Disable Testimonial section: Enable/Disable Testimonial section.
- Click Publish.
21. How to manage Callback?
- From Customize / Front Page Options / Callback.
- Heading: Enter Heading.
- Sub Heading: Enter Sub Heading.
- Background Image: Select a background image. The recommended size is 1920px X 850px.
-
Button 1:
- Enable: Enable / Disable the button.
- Button Text: Enter a text for button.
- Button Link: Enter a URL for button.
-
Button 2:
- Enable: Enable / Disable the button.
- Button Text: Enter a text for button.
- Button Link: Enter a URL for button.
- Disable Callback section: Enable/Disable Callback Section.
- Click Publish.
22. How to manage Client?
How to add Client?- From Appearance / Clients section, click Add New.
- Select Images.
- Note: To delete the Client, select respective item by clicking tick icon and click Delete button. You can Drag and Drop for re-arranging the items.
- Click Save Changes.
- From Customize / Front Page Options / Client.
- Heading: Enter Heading.
- Sub Heading: Enter Sub Heading.
- Background Color: Select background color.
- Disable Client: Enable/Disable Client.
- Click Publish.
23. How to manage Pricing Table?
How to create a Plan?- From Pricing Table section, click Add New.
- Enter Title.
- Add Category.
-
Pricing Table Options:
-
General:
- Sub Title: Enter a Sub Title.
- Currency: Enter Currency Type.
- Price: Enter Plan Price.
- Frequency: Enter Frequency for eg: year, month etc.
- Highlight Plan?: Check to make this plan Highlited. Enter Highlighted text.
-
Button: create an extra button
- Text: Add button text.
- URL: Add external link.
-
Feature:
- Enter the feature: Add plan features list.
- Note: To delete the feature, select respective item by clicking tick icon and click Delete button. You can Drag and Drop for re-arranging the items.
-
General:
- Click Save Changes.
- From Customize / Front Page Options / Pricing Table.
- Heading: Enter Heading.
- Sub Heading: Enter Sub Heading.
-
Pricing Table Shortcode:
- From Pricing Table section, click Catetory.
- Copy Shortcode(eg: [bizplan-pricing-table id=24] ) form Shortcode column.
- Paste the shortcode.
- Background Color: Select background color.
- Disable Pricing Table: Enable/Disable Pricing Table.
- Click Publish.
24. How to manage WooCommerce Product?
Only the featured products are displayed in Homepage Woocommerce Product Section. To feature any product, you need to check the Star Icon going through Dashboard / Products / All Products. For more detail, refer to Woocommerce Documentation How to manage Woocommerce Product Options?- From Customize / Front Page Options / Woocommerce Product.
- Heading: Enter Heading.
- Sub Heading: Enter Sub Heading.
- Show at Most: Enter a maximum number of Products to display.
- Column: Enter a number of columns to display.
- Background Color: Select background color.
- Disable Product: Enable/Disable Woocommerce Products.
- Click Publish.
25. How to manage Highlight Posts?
- From Customize / Front Page Options / Highlight Posts.
- Heading: Enter Heading.
- Sub Heading: Enter Sub Heading.
- Choose Highlight Category: Select a category. If any category is not selected, the latest post will display.
- Slider Auto Play: Enable/Disable Slider Auto Play.
- Background Color: Select background color.
- Disable Highlight Posts: Enable/Disable Highlight Posts Section.
- Click Publish.
26. How to manage Contact?
- From Customize / Front Page Options / Contact.
- Heading: Enter Heading.
- Sub Heading: Enter Sub Heading.
- Background Color: Select background color.
-
Map Settings:
It Google map on your contact page template
-
Shortcode: Paste the Shortcode from Contact Form 7
Find the Markups below to create forms as shown in demo: CF7 Form Custom Style with click Effect[text* your-name id:cf-username class:form-control placeholder "Name *"][email* your-email id:cf-email class:form-control placeholder "Email *"][text* your-subject id:cf-subject class:form-control placeholder "Subject *"][textarea* your-message id:cf-message class:form-control placeholder "Message *"][submit id:cf-send class:form-control "Send Message"] - Disable Contact: Enable/Disable Contact section.
- Click Publish.
- From Appearance / Contact Details section, click Add New.
- Title: Enter a Title.
- Icon: Enter KFI Icon class in Icon field. You can find a list of icons from kfi icons
- Content: Add content.
- Format: Select content format.
- Note: To delete the Contact Details, select respective item by clicking the tick icon and click Delete button. You can Drag and Drop for re-arranging the items.
- Click Save Changes.
27. How to Reorder Homepage Sections?
- From Appearance / Frontpage Order section, drag a section you want to reorder.
- Click Save Changes.