Documentation

eMart

Thank you for choosing the eMart theme to build your WooCommerce website.

Installation

↑ Back to top

In your Dashboard go to Appearance > Themes.
Click on the Add New button on top.
Click Upload New button on top.
In the new interface click Choose File and browse your computer to locate emart.zip file you downloaded.
Click Install Now.
After installation Activate the theme.

Required Plugins

↑ Back to top

WooCommerce: The official WooCommerce plugin is required to display the modal cart and products. It includes many other necessary blocks for any website.
WP Form : The plugin is recommended for creating contact forms.
Safe SVG: is the best way to Allow SVG Uploads in WordPress! It gives you the ability to allow SVG uploads whilst making sure that they’re sanitized to stop SVG/XML vulnerabilities affecting your site. It also gives you the ability to preview your uploaded SVGs in the media library in all views.
Install One Click Demo Import plugin from Appearance > Install Plugins.

Import Demo Site

↑ Back to top

After installation and activation of the theme and required plugins. You can now install the demo content to get you started.

Importing demo content does not delete any existing content. It also imports WPForms.

Importing demo data (post, pages, images, theme settings, …) is the easiest way to setup your theme. It will allow you to quickly edit everything instead of creating content from scratch.

Before Import

↑ Back to top

Please make sure that all the required plugins are installed and activated.

No existing posts, pages, categories, images, custom post types or any other data will be deleted or modified.
Posts, pages, product, images, widgets, menus and other theme settings will get imported.
Please click on the Import button only once and wait, it can take a couple of minutes.

Click Import Demo Data

Click Continue & Import

On confirmation, the importer will import the content specified. It may take 5-10 minutes to import all the demo content.

After import, you’ll be notified about the import completion.

Note :

Product might not appear immediately due to cache
Please open any single product and update to clear the product cache

Setting a homepage

↑ Back to top

After import is completed, you can set one of the pages imported as your homepage. To set your home page:

In your admin panel, go to Settings > Reading
Select A Static Page option for the Your homepage displays option.
In the dropdown, choose the page you want set as home.

Navigation Setup

↑ Back to top

Header Default

Primary menu-v1 navigation is used for header default.

Header v1

Primary menu-v1, Vertical menu and Primary menu-v2 navigation are used for header v1.

Header v2

Primary menu-v1, Vertical menu and Primary menu-v2 navigation are used for header v2.

Header v3

Primary menu-v1 and Primary menu-v2 navigation are used for header v3.

Footer Menu

Footer menu-v1, Footer menu-v2, Footer menu-v3, Footer menu-v4 and Footer currency switcher navigation are used for Footer menu.

Primary menu v1

↑ Back to top

Detail view of Primary-menu-v1.

Assign a class name (“has-mega-menu“) in additional class name field for mega-menu item.

Assign a class name (“mega-menu-container“) in additional class name field.

Add a class name (“col-span-2“) in additional css class name field for the mentioned columns ( col-1, col-2, col-3 ) under mega menu.

Add a class name (“col-span-2“) in additional css class name field for the mentioned columns ( col-4, col-5 ) under mega menu.

Add a class name (“mega-menu-title“) in additional css class name field for the mentioned menu title under every columns

Vertical menu

↑ Back to top

Detail view of Vertical-menu.

Class name “vertical-menu” added in additional class name field.

Class name “vertical-menu-container” added in additional class name field.

Primary menu v2

↑ Back to top

Detail view of primary-menu-v2.

Footer Menu

↑ Back to top

Go to Appearance>Editor>Template Parts>Your Choice ( ex. Footer-v1, Footer-v2, Footer-v3 ).

Assign Footer-menu-v1.

Assign Footer-menu-v2.

Assign Footer-menu-v3.

Assign Footer-menu-v4.

Assign Footer-currency-switcher.