eCommerce Plus Tutorial

Install the demo

  1. Click dashboard link.  Click Getting started with button from Admin message. Install demos.

Add Header contacts, social links

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.