Set up Homepage

You can quickly build a home page using Elementor for WordPress that is drag and drop frontend and backend page builder plugin that will save you tons of time working on the site content. You will be able to take full control over your WordPress site, build any layout you can imagine – no programming knowledge required.

From your Dashboard admin Navigate to Pages.

- Select All Pages to see all page then click edit one page you want.

- Select Add New to create new page.

One page always include a lot of parts like Header , Main Page, Widget Sidebar and Footer. In that section we guide you create Main page by using Elementor.

A. How to use Elementor

Have you ever used Elementor ? Please follow that guide first : Elementor guide

Official Plugin Documentation For More information about the Elementor check the official documentation.

Watch video about Elementor.

Backend Editor Ekommart

B. How to use Back End Ekommart

a. Add and modify Row Layout

Step 1 - Go to your page / post, first activate the backend editor and click Edit with Elementor.

Step 2 - You will see all element in left sidebar, please choose element that you want to use.

Or you will see button "Add New Section" ,"Add Template" , please click to button to add element.

Step 3 - To change the Row layout ( number of columns ) you need to click button content will display in leftsidebar.

b. Edit Element

Click on the Edit This Element (pencil icon) to Edit the Row element , when you click to button all content will display in left sidebar follow you can change .

c. Remove Element

Trash Box Icon - To Remove Row, Column or Module you need to click the Trash Box icon.

d. Add Element

Trash Box Icon - To Add Row, Column , please click to add icon.

3. Page Options

a. Page Attributes

You can select page attributes on right sidebar of page admin layout. Each Page templates have each styles .

b. Page configure default template

For each page you can set up breadcrumb background color and breadcrumb background.

C. Set a page as Home Page

Step 1 - Go to Settings > Reading in your WordPress Dashboard panel. Step 2 - Set "Front page displays" to a "Static Page". Step 3 - In the drop down menu for "Front Page" choose a page which will be your home page. Step 4 - Leave the drop down menu for "Posts page" empty, as this is not used by the theme. Step 5 - Save changes.

In Ekommart has use woocommerce to set up product, if you want to know how to use, please click a link:

Woocommerce .

In our theme has element is " Opal Products " to setting product display in homepage, please click to add element --> then choose "Opal Products".

And Ekommart theme has element is "Animated Bg Text" to setting heading display in homepage.

Please Input CSS class in this source