TABLE OF CONTENTS
1. Download Demo Content Files
2. Front Page Setup
3. Home Page Sections
4. How to manage Sliders?
5. How to manage Services?
6. How to manage About?
7. How to manage Portfolio?
8. How to manage Testimonial?
9. How to manage Team?
10. How to manage Callback?
11. How to manage Highlight Posts?
12. How to manage Contact?
1. Download Demo Content Files
Set your site exactly as our demo. Click on the below links to download zip file includes XML, DAT and WIE files.# Multiple Business
Download Demo Zip File
Recommended Step: Please, Install and Active One Click Demo Import and all other recommend plugins before Importing the Demo file to display all demo contents properly.
Process to use One Click Demo Import System: After activating the recommend One Click Demo Import plugin, please go to Appearance > Import Demo Data. Then upload all 3 files ( XML, WIE and DAT ) in the respective areas.
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".
- 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 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. 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.
- Portfolio Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Portfolio. Refer below How to manage Portfolio? 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.
- Team Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Team. Refer below How to manage Team? 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.
- Highlight Posts Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Highlight Posts. 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 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.
- Footer Copyright Section: To set up this section you need to go to Admin Panel / Appearance / Customize / Theme Options / Footer.
- 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.
- Footer Section: The Top Footer Site Identity and Social menu will automatically show, if you have added those from Header. To set up Footer Copyright section you need to go to Admin Panel / Appearance / Customize / Theme Options / Footer. The setup Footer Menu section, you need to create a menu and assign its location to Footer Menu. To create menu, go to Admin Panel / Appearance / Menus / Create a Menu. Then, assign its location to Footer Menu from Display Location under Menu settings.
4. How to manage Sliders?
How to add Slider?-
Create a Page for Slider. From Pages / New Page.
- Enter Title.
- Enter Content.
- Select Featured Image. Recommended Size is 1920*1200px.
- Click Publish.
- From address bar copy the post ID. For post ID refer to image below.
- Go to Apperence / Customize / Front Page Options / Slider
- Paste the post ID
- Separete from comma ( , ) for upto 3 Slider items.
- Click Publish.
-
From Customize / Front Page Options / Slider.
- Slider Auto Play: Enable/Disable Slider auto play.
- Slide Duration: Enter Auto time out in second.
- Additional Slider Button Text: Enter Alternate button text.
- Additional Slider Button URL: Enter Alternate button URL.
- Disable Additional Slider Button: Enable/Disable Alternate button.
- Disable Slider Section: Enable/Disable slider.
- Click Publish.
5. How to manage Services?
How to add Services?-
Create a Page for Service. From Pages / New Page.
- Add title for your service and append pipe ( | ) and Kfi Icon name like this “Service Name | kfi-lightbulb-alt” in the title. For more icons go to Kfi Icons Page
- Enter Content.
- Add Feature Image.
- Click Publish.
- From address bar copy the post ID.
- Go to Apperence / Customize / Front Page Options / Service
- Paste the post ID
- Separete from comma ( , ) for upto 3 Service items.
- Click Publish.
-
From Customize / Front Page Options / Service.
- Enter Title for Service section: Title for Service section.
- Disable Service section: Enable/Disable Service.
- Click Publish.
6. How to manage About?
How to manage About?-
Create a Page for About. From Pages / New Page.
- Enter Title.
- Enter Content.
- Select Featured Image. Recommended Size is 1170*710px.
- Click Publish.
-
Create the Pages for Accordion. From Pages / New Page.
- Enter Title.
- Enter Content.
- Click Publish.
- From address bar copy the post ID.
- Go to Apperence / Customize / Front Page Options / About
- Paste the post ID on Accordion Section Pages.
- Separete from comma ( , ) for upto 3 Service items.
- Click Publish.
-
From Customize / Front Page Options / About.
- Enter Title for About section: Title for About section.
- Select About Page: Select a About Page from the dropdown.
- Disable About Us Section: Enable/Disable About section.
- Click Publish.
7. How to manage Portfolio?
-
Create a Page for Portfolio. From Pages / New Page.
- Enter Title.
- Enter Content.
- Select Featured Image. Recommended Size is minimum 1170*710px.
- Click Publish.
- From address bar copy the post ID.
- Go to Apperence / Customize / Front Page Options / Portfolio
- Paste the post ID
- Separete from comma ( , ) for upto 4 Portfolio items.
- Select Title Page for Portfolio
- Click Publish.
-
From Customize / Front Page Options / Portfolio.
- Enter Title for Portfolio section: Title for Portfolio section.
- Disable Portfolio section: Enable/Disable portfolio.
- Click Publish.
8. How to manage Testimonial?
How to add Testimonial?-
Create a Page for Testimonial. From Pages / New Page.
- Add title for your testimonial in the title.
- Enter Content.
- Click Publish.
- From address bar copy the post ID.
- Go to Apperence / Customize / Front Page Options / Testimonial
- Paste the post ID
- Separete from comma ( , ) for upto 3 Testimonial items.
- Select Title Page for Testimonial
- Click Publish.
-
From Customize / Front Page Options / Testimonial.
- Enter Title for Testimonial section: Title for Testimonial section.
- Disable Testimonial Section: Enable/Disable testimonial.
- Click Publish.
9. How to manage Team?
-
Create a Page for Team. From Pages / New Page.
- Enter Title.
- Enter Content.
- Select Featured Image. Recommended Size is minimum 600*675px.
- Click Publish.
- From address bar copy the post ID.
- Go to Apperence / Customize / Front Page Options / Team
- Paste the post ID.
- Separete from comma ( , ) for upto 4 Team items.
- Select Title Page for Team.
- Click Publish.
-
From Customize / Front Page Options / Team.
- Enter Title for Team section: Title for Team section.
- Disable Team section: Enable/Disable Team.
- Click Publish.
10. How to manage Callback?
How to manage Callback?-
Create a Page for Callback. From Pages / New Page.
- Enter Title.
- Enter Content.
- Select Featured Image. Recommended Size is 1920*850px.
- Click Publish.
-
From Customize / Front Page Options / About.
- Select Callback Page: Select a Callback Page from the dropdown.
- Additional Button Text: Enter the Additional Button Text.
- Additional Button URL: Enter the Additional Button URL.
- Disable Additional Button: Enable/Disable Additional Button.
- Disable Callback Section: Enable/Disable Callback section.
- Click Publish.
11. How to manage Highlight Posts?
- From Customize / Front Page Options / Highlight Posts.
- Enter Title for Highlight section: Title for Highlight section.
- Choose Highlight Category: Select a category. Until you choose any category, the recent posts will show.
- Slider Auto Play: Enable/Disable Slider Auto Play.
- Disable Highlight Section: Enable/Disable Highlight Section.
- Click Publish.
12. How to manage Contact?
How to add Contact?- From Customize / Front Page Options / Contact.
- Enter Title for Contact section: Title for Contact section.
-
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"] - Click Publish.
- Go to Apperence / Customize / Theme Options / Header Options.
-
From Customize / Front Page Options / Contact.
- Disable Contact: Enable/Disable contact.