eRide

Thank you for choosing eRide theme to build your WooCommerce website.

We are excited to announce the addition of Elementor support to our eRide Theme. This new feature allows users to easily customize and design their online stores with Elementor’s drag-and-drop interface, offering greater flexibility and control over layouts. To create a site with eRide, you must install the eRide theme and WooCommerce plugin.

• 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 eRide.zip file you downloaded.
• Click Install Now.
• After installation Activate the theme.

1. Woocommerce: The official WooCommerce plugin is required to display the modal cart and products. It includes many other necessary blocks for any website.
2. WP Form : The plugin is recommended for creating contact forms.
3. Install One Click Demo Import plugin from Appearance > Install Plugins.

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.

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.

ClickContinue & ImportOn 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

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.

After installation & One click demo import go and check home page if navigation is broken(see below image) then follow below steps.

Header

Primary menu navigation are used for all header’s ( Header-v1, Header-v2, Header-v3 and Header-v4 ).Header-v1

Header-v2

Header-v3

Header-v4

Detail view of Primary-menu

Megamenu setup

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

Add a class name (“grid-menu“) in additional class name field for mega-menu item.

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

• Home v1
• Home v2
• Home v3
• Home v4
• Contact
• About
• 404
• Index
• Product Catalog
• Single Product
• Single

• Footer
• Header v1
• Header v2
• Header v3
• Header v4

Using Blocks

Blocks are the components used in the theme for adding content to the posts/pages. The eRide theme support all WordPress and WooCommerce blocks that you can use to add text, media assets, and layout components, allowing you more freedom to create content.To get access to the Block, you can follow the step below:

• Go to Pages and choose your desired page
• Now, you can click the plus (+) icon at the top left inside the toolbar to insert blocks

It will display a list of blocks available. You can use the appropriate block that suits your site requirements. For example, You can use the Site Title Block to add the site title on the header area.

eRide pages are available with elementor. Along with Elementor, our theme is bundled with our custom plugin MAS Elementor which is used to extend core Elementor widgets and provide new widgets.

Installation

Elementor is a free plugin available in WordPress.org repository and it is the #1 WordPress Website Builder plugin. It has over 5 million active installations. To install Elementor in your website:

1. In your admin panel, go to Plugins > Add New.
2. Type ‘Elementor’ in the search for and press the ‘Enter’ key on your keyboard.
3. Click on Install and Activate Elementor to use Elementor.

MAS Elementor

We’ve developed MAS Elementor plugin which is bundled with the theme and is available for installation from Appearance > Install Plugins. Once you’ve installed this plugin, please make sure to activate the plugin.

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

Elementor demo data (Static Contents, Menus and MAS-Post-Items) will be imported when importing.

Elementor Data Import

Video Documentation

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

Import Complete

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

Importing Templates

To import the elementor templates :

Add a new page and import the elementor template like in the below images.

eRide has 4 header styles.

Overview

Header v1

Header v2

Header v3

Header v4

Logo

You can set header Logo for individual pages via Elementor.

Here you can change your logo by changing the image.

Primary Navigation

Output

Settings

You can create a menu for your website from Appearance > Menus.

Once you’ve create a menu, you can assign the created menu using MAS Nav menu widget. Also you can style your menu via style tab.

You can edit footer for individual pages via Elementor. eRide has 1 footer style.

Overview

Footer

Settings

• Home v1
• Home v2
• Home v3
• Home v4
• About Us
• Contact Us