Contents
- 1 Install the demo
- 2 Add Header contacts, social links
- 3 Change Header Layout | Style
- 4 Transparent Header for each page ?
- 5 Change Site Layout
- 6 Change Top Menu Button
- 7 Built in Widgets (prefix +)
- 8 Create Home Page Template
- 9 Edit Home Page Sections
- 10 Display Home Page Sections
- 11 Need More Sections ?
- 12 Add a Post Slider
- 13 Add Product Showcase
- 14 Add Product Section (carousel or grid)
- 15 Add Product Category (Portfolio)
- 16 Add Call to Action
- 17 Add Contact Form
- 18 Add Team Content
- 19 Add Testimonial Slider
- 20 Add Service Content
Install the demo
- Click dashboard link. Click Getting started with button from Admin message. Install demos.
Appearance -> Customize -> Theme Options -> Top Bar
Add header contact details and social links.
Change Header Layout | Style
Appearance -> Customize -> Theme Options -> Layout
2 options are available, default and storefront. To enable storefront layout, install WooCommerce.
You can change header layout for each page from editor page settings as below.
Header style tab has 3 style. Default is header line. Box Shadow and none are other options. If you have a full with slider or featured content with background image, select header style as none. It will remove borders and shadows above the content.
Transparent Header for each page ?
You can change header layout for each page from editor page settings as below.
Change Site Layout
Appearance -> Customize -> Theme Options -> Layout
Select box or fluid layout. Default is fluid layout
Change Top Menu Button
Appearance -> Customize -> Theme Options -> Header
Change header button text, link.
(deleting button text and link will hide the button)
Built in Widgets (prefix +)
You can drag and drop widgets to create pages. Use Elementor page builder.
Product category (slider | Grid) widget :- add woo commerce products.
Post Slider widget :- Create a post slider from particular post category. Featured image displayed on background.
Product category widget :- Multiple Product displayed by category. Slider or grid is displayed.
Product slider widget :- Product displayed by a category.
Product category menu :- List product categories.
Product Search and cart wish list my account widgets:- WooComemrce product search by category. Wish list Compare options displayed only if you install and activate YITH wish list and YITH Compare plugins.
Create Home Page Template
Pages -> New
Give a name to page. From right panel -> Page attributes, select home-template
(Save Page and set it as home page from customizer home page settings.)
Edit Home Page Sections
Appearance -> Customize -> Home Page Sections
You will see slider, product category, product showcase, contact sections.
(WooCommerce related sections are not displayed if you haven’t install the plugin.)
Display Home Page Sections
Appearance -> Customize -> Home Page Sections – > Show | Hide | Order Sections.
Select each section to display.
Need More Sections ?
Please install eCommerce Plugin from WordPress dashboard.
Activate the plugin and go to customizer. You will see more sections such as Testimonial slider, Service, Team, About etc.
Installing Pro Version,
Dashboard -> Plugins -> Add New – > Click Upload Plugin button
point the downloaded .zip file
Add a Post Slider
Appearance -> Customize -> Home Page Sections – > Slider
Select post category with featured image, title and text.
Provide a button link and name
Also you can change slider height, number op post to display, slider speed.
Add Product Showcase
Appearance -> Customize -> Home Page Sections – > Product Showcase
You can display product category menu, Product slider.
If you disable the menu, product slider will be displayed.
Also you can change product slider height, number op post to display, slider speed.
Add Product Section (carousel or grid)
Appearance -> Customize -> Home Page Sections – > Product Section 1
Select
You can change the product display as grid or carousel.
Also, you can change product slider height, number op post to display, slider speed from settings.
(There are 2 product sections.)
Add Product Category (Portfolio)
Appearance -> Customize -> Home Page Sections – > Category Portfolio
Select
Also select the number of columns to display.
Add Call to Action
Appearance -> Customize -> Home Page Sections – > Call to Action
Select a page to display
Change text color, title, background image and button text and link .
Add Contact Form
Appearance -> Customize -> Home Page Sections – > Contact
Install Contact Form 7 Plugin.
Copy and paste contact form short-code to short-code section.
Add Team Content
Appearance -> Customize -> Home Page Sections – > Team
Click to expand team member template.
Add image, title , subtitle and text. Click publish button to save.
Click Add new Team button to add more members.
Add Testimonial Slider
Appearance -> Customize -> Home Page Sections – > Testimonial
Click to expand team member template.
Add image, title , subtitle and text and a rating. Click publish button to save.
Click Add new Testimonial button to add more members.
Add Service Content
Appearance -> Customize -> Home Page Sections – > Service
Click to expand Service template.
Add image or icon , title, icon color , subtitle and text. Click publish button to save.
Click Add new Service button to add more members.