Introduction

We would happily welcome feedback from you on how, if anywhere, you would like this documentation improved. If you would find anything a little bit easier and more helpful if we want into more detail, or explained something a little better - we'd be happy to hear it. We want Online Eshop to be the best theme! If you have any comments, please mail us via the form on
email

Online Eshop is a WordPress theme to create a website specially for E-Commerce Business which comes with powerful features. The theme is built with customization and require minimal plugins such as Contact From 7, WooCommerce, YITH Wishlist & YITH Compare are the popular and flexible plugin in WordPress.

Online Eshop is fully compatible with latest version of WordPress which allows you easy handling.

Screenshot
screenshot

Upload and Activation

In order to upload and activate Online Eshop use fresh WordPress directory and follow the below steps:

Add New Theme

In order to add theme, navigate to AppearanceAdd New themes.

screenshot
Upload Theme

After clicking Add New, you will rediract to Upload Theme page. Here you can choose file and select online-eshop.zip file.

screenshot

Plugin Installation

After theme upload and activation you will need to install recommended plugins which support the theme design and layoutes

Install Plugins

Click on being install plugins, it will rediract you to plugin instalation page where checked all the ckeck boxes and select Install and click Apply

screenshot
screenshot
Acivate Plugins

After successful instalation all required plugins checked all check boxes and select Activate and click on Apply

screenshot

Demo Import

From admin menu go to ToolsImport Demo after that you will rediract to demo import page.

screenshot
Demo Import

Online Eshop comes with one click demo import exactly like the original demo. You just need to verify few set of rules like →

  • PHP Version.
  • Memory Limit.
  • Max. Exicution Time.
  • MAx. Post Size.
If all the requirement are full filed just click on Import Demo button and your site is ready.

screenshot

Home & Blog Page Setup

Navigate To

From admin bar navigate to SettingReading


screenshot
Home & Posts Page

From radio check, check A static page from homepage dropdown select page which you want to make default Homepage and in same manner select default Posts page.

screenshot

Mega Menu Setup

From admin bar navigate to AppearanceMenus. Go to Menu structure enter Menu Name and click on Create Menu button.

Similarlly repeat this for all menu that you want to create.

screenshot

From admin bar navigate to AppearanceWidgets

Mega Menu Widget

Drag & drop Navigation Menu to Mega Menu Widget

Select the menu that you want to set as Mega Menu, enter the title and click on Save button.


screenshot
Create Mega Menu

From admin bar navigate to AppearanceMenus

Create a Custom Link from Custom Link enter url and link text and click on Add to Menu

Expand menu item checked on Use as a Mega Menu

screenshot
Add Mega Menu

For adding mega menu navigate to Add Menu ItemWidgets and select ckeck box. Click on Add to Menu.

Expand Widget item and enter column value and then click on Save Menu

screenshot

Widget Setup

From admin bar navigate to AppearanceWidgets

screenshot

Online Eshop introduce you the multiple widgets such as:

  • Blog Sidebar
  • Shopping Sidebar
  • Page Sidebar
  • Offset Sidebar
  • Footer Style 1 (1 to 4)
  • Footer Style 2 (1 to 4)

Latest Posts Sidebar

Drag & drop Latest Posts widget on Blog Sidebar widgets.

Select Post Style as For Sidebar

Enter number of post as much as you want and the title text.

Click on Save and Done.

screenshot
Latest Posts Footer

Drag & drop Latest Posts widget on Footer Column widgets.

Select Post Style as For Footer

Enter number of post as much as you want and the title text.

Click on Save and Done.

screenshot
Product Lists

Drag & drop Product Lists widget on Page Sidebar widgets.

Enter title and number of post as much as you want.

Select product category and option (Optional).

Select Product Style as List

Click on Save and Done.

screenshot
Product Slider

Drag & drop Product Lists widget on Page Sidebar widgets.

Enter title and number of post as much as you want.

Select product category and option (Optional).

Select Product Style as Slider

Click on Save and Done.

screenshot
Offer Slider

Drag & drop Offer Slider widget on Page Sidebar widgets.

Enter Title, Offer Discount, Offer End Date Number of Posts.

Select Category and category Options.

Click on Save and Done.

screenshot
Products

Drag & drop Latest Posts widget on Offset Sidebar widgets.

Enter Title, number of post as much as you want.

Select Category and category Options.

Click on Save and Done.

screenshot
Product Category

Drag & drop Product Category widget on Shop / Page Sidebar widgets.

If you want to display icon on check Show Icon.

If you want to display product count check Show Product Count.

If you want to hide empty category check Hide Empty.

Click on Save and Done.

screenshot

Page Options

Page options allow you to customize each individual page as you wnat for you theme.

Title Description

Displayed → default it is as theme option but you can choose for individual page to show / hide.

Sub Description → type text to appear as description on page.


screenshot
Page Contents

Background Color → custom background color for page contents.

Content Padding → customize contents padding from to to bottom.

Layout Boxed → type toggle to make page boxed / unboxed.

screenshot

Theme Options

Theme options allow you to customize pages and posts globally as you wnat for you theme.

General

Layout Boxed → type toggle to make pages boxed / unboxed.

Body Boxed Background → allow you to upload image and related css code.

Dev Mode → is not recommended, you can turn on / off dev mode at any time.

Favicon → allow you to choose favicon icon for your web pages.

Search Button → type toggle to show / hide search form on page header.

Search Form - Text Placeholder → type any text will become search box placeholder text.

Back to Top Button → type toggle to show / scroll top button from web pages.

screenshot

Top Navigation

Main Background Color → allow you to select any background color.

Top Right Navigation

Show/Hide Button → Show/Hide Button.

Login URL → enter ur lfor login.

Register URL → enter ur lfor register.

Show/Hide Cart Button → Show/Hide Cart Button.

Navigation #1

Top Header → allow you to select any background color.

Show/Hide Social Links → for header style 1 you are allowd to Show/Hide Social Links.

screenshot
Navigation #2

Welcome Message/p>

Heading Text

Contact Number

screenshot

Middle Navigation

Logo → upload for page header.

Logo Max height → allow you to customize the height of the logo image.

Middle Navigation #1

Advertisment → upload advertisment image.

Advertisment Max height → Set maximum height for your advertisment, just in case the advertisment banner is too large.

Advertisment URL → enter url.

screenshot
Middle Navigation #2

Contact Number → enter phone number.

Email → enter email.

Address Line 1 / 2 → enter address.

Text Line 1 / 2 → enter text.

screenshot

Bottom Navigation

Custom Google Font → allow you to set font style, size etc for header menu.

Menu Item Color → allow you to set the color for menu items text color.

screenshot
Page Title

Displayed → allow you to show / hide page title from web pages.

Background → allow you to upload image background and relates css setup.

Title Color → custom color for page title text.

screenshot
Contents

Background Color → custom background color for page contents.

Content Padding → customize contents padding from to to bottom.

screenshot
Post Archive Page

Sidebar Position → allow to select sidebar position.

screenshot
Single Post Page

Sidebar Position → allow to select sidebar position.

Date → show / hide date from single post.

Comments → show / hide comments from single post.

screenshot
Footer Top

Background → customiz footer top background by uploading image.

Footer Middle

Logo → upload logo image.

Description → input contact number ( seperated by commas if multiple contact numbers ).

Address → input address ( seperated by commas if multiple contact numbers ).

Email Address → input email address ( seperated by commas if multiple email address ).

Contact Address → input contact address.

Footer Bottom

Copyright → Custom HTML Allowed: a,br,em,strong,span,p,div,h1->h6.

screenshot
Theme Color Presets

Theme Color → type toggle to switch between default or costome color.

Primary Color → will apply only for those who contains primary color.

screenshot
Typography for Body

Body Google Font → allow you to customeze body fonts.

screenshot
Typography for Headings

Heading Google Font → allow you to customeze heading fonts from H1 - H6.

screenshot
Font Selecter

Custom Font → allow you to customeze fonts who has html classes.

CSS Selectors → type css for any html classes.

screenshot

Woocommerce

Online Eshop gives you fully responsive and woocommerce compatible functionality. You can creatre product, cart, wishlist, checkout pages. For doing that install Woocommerce and YITH plugins.

Woocommerce

Banner → show / hide banner on product page.

Background → upload shop page banner background image.

Title 1/2 → enter text to display on banner.

screenshot
Shop Category

Category → show / hide category section on product page.

Product Category → select product category.

screenshot
Woocommerce Product

Column → number of column per row.

Shop Sidebar → allow you to show / hice sidebar from single shop page.

screenshot

Features

Add Elements

Start your own shortcodes by clicking on Add Elements tab. Once you done that the short codes popup will open including Online Eshop.

screenshot
Online Eshop

Here you can select your desire shortcode which will created by Online Eshop.

screenshot
Custom Heading

Text Source → Select the source.

Heading Type → There are three types of heading style.

Text → If you select Text Source as Custome Text enter text into the text field.

Text Color → Select the color as you want.

Element Tag → Select html tag for your heading.

Text Width → enter width if requiered.

Text Alignment → Select text alignment.

Link for title → Enter link url.

Margin → Select the margin as required.

Font Styles → Select the font styles as font size, weight, family, text transform, lign height and letter spacing if you need.

screenshot
Heading Subtitle

Subtitle Text → Enter subtitle text into the text field.

Color → Select the color as you want.

Margin → Select the margin as required.

Font Size → Enter font size as required.

Hide Bar → You can hide bar which is at bottom of the subtitle.











screenshot
Online Eshop Buttons

In Order to add Buttons click on Add ElementsOnline Eshop tab and then Custom Buttons.

Button Type → There are six types of buttons 1 -6, each one has different styles.

Enter Button Text & URL

Optional setting to give more attractive look for your elements where you can customize any of them such as you can set alinement, color as default and on hover background default color and on hover, also you can set the margin.

screenshot
About Section

In Order to add short code click on Add ElementsOnline Eshop tab and click on About Section.

Small Text → text before title.

Text → enter title

Text Alignment → allow you to set the contents alinement.

Content → description text.

Color Options → Here you can choose color for small text, title and content.

screenshot
Blog Post

Style → There are two styles Style One and Style Two select any of them.

Column → Select number of column for the blog.

Number of Post → Enter number of blog post that you want to display.

Post Title Length → Enter title text limit.

Excerpt Title Length → Enter short description text limit.

Category → Checked on category check box if you want to display specific post or leave it un-checked.

Order → Select order of post.

Order By → Select order by of post.

Display Container → check if you want to display container.

screenshot
Brand Slider

Style → There are two styles Style One and Style Two select any of them.

Brand Image → defalut images.

On Hover Brand Image → images that apear on hover.

For the better experience please select equal numnber of images.

screenshot
Call to Action

In Order to add short code click on Add ElementsOnline Eshop tab and then click on Call to Action.

Offer Style → There are three styles select any of them.

Banner Image → Select banner image.

Content Type → There are four types each one are has different content display styles.

Main Heading → If you have more then one headding text then from second one it will be in different color.

Discount → Allow you to customize discount rate.

Button Type → There are five styles select any of them.

Button Type → There are five styles select any of them.

Button URL → Enter button URL.

Optional setting such as content color ans alignment.

screenshot
Creative Slider

In Order to add short code click on Add ElementsOnline Eshop tab and then click on Creative Slide.

Slider Image → Select image.

Small Title → It will be in two part second one is in different color by default.

Title → It will be in three part second one is in different color by default.

Enter button text and URL.

You are allow to add multiple slider items to achive this you can click on (+) icon to add more slider items and fill the details.

screenshot
Home Slider

In Order to add short code click on Add ElementsOnline Eshop tab and then click on Home Slider.

Add Multiple Slides In Order to add multiple Slides click on Plus Icon (+) when you do that it add another row for Slider.

Click on arrow icon to toggle and fill out the field for Slider.

Style → there are five styles select any of them.

Image → Select image from media library for slider.

Small Title → Enter text for small title.

Title → Enter text for title.

Sub Title → Enter text for sub title.

Button text → Enter button text.

Button Link → Enter link url.

You can also set custome color and content alignment.

screenshot
Features

In Order to add short code click on Add ElementsOnline Eshop tab and then click on Features List.

Style

Style → There are foure styles select any of them.

Column → Allow you to select the column layout from 2 - 4.

Optional setting that provides the functionality set the padding.










screenshot
Feature List

Icons → Select the icon library and select icon from that library. (Note: Choose icon only whene you selected Feature One.)

Image → Select serrvie image (Note: Choose Image Only whene you selected Feature Two / Three).

Title → type text to appear as title on page.

Description → type text to appear as sub title on page.

Optional setting that provides the functionality to choose custom color and icon size.

Add Multiple

In Order to add multiple Features click on Plus Icon when you do that it add another row for Features.

screenshot
Team Members

In Order to add Team Members click on Add ElementsOnline Eshop tab and then click on Team Members.

Column → Allow you to select the column layout from 2 - 4.

Color Option → allow you to set the color for title, designation & icon.

Member Contents

In Order to add Members click on Arrow Up Icon on the right side of panel.

Image → select member image from media library.

Title → Enter name, position & description text for member.

Social Links

In Order to add Social Links click on Arrow Up Icon on the right side of panel.

Icon → select icon from icon library.

Link → Enter link url.

screenshot
Testimonial

In Order to add short code click on Add ElementsOnline Eshop tab and then click on Testimonial.

Image → select image from media library.

Text Field → allow you enter text as name & description.

Add Multiple

In Order to add multiple testimonial click on Plus Icon when you do that it add another row for testimonial.

Click on arrow icon to toggle and fill out the field for testimonial.

screenshot
Subscribe Form

In Order to add shjort code click on Add ElementsOnline Eshop tab and then click on Subscribe Form.

Background Image → select image from media library as a background.

Title → enter title text.

Sub Title → is basically a position.

Shortcode → basicall.

Add Multiple Social Link

Icon → select icon from library.

Link URL → enter socisal media link URL.

screenshot
FAQ

In Order to add short code click on Add ElementsOnline Eshop tab and then click on Acc FAQ.

Title → enter FAQ main heading text.

Content Heading → enter FAQ content heading text.

List Contents → allow you to enter multiple list contents.

You are allow to add multiple FAQ items to achive this you can click on (+) icon and fill the details.

screenshot
Contact Icon

In Order to add short code click on Add ElementsOnline Eshop tab and then click on Contect.

Column → Number of column to diaplay.

Icon Image → Select icon image.

Enter title and dexcription text.

screenshot
Feature Products

In Order to add short code click on Add ElementsOnline Eshop tab and then click on Feature Products.

Product Layout → there are three different types of styles each one of them are unique.

Product Category → select product category.

Number of Posts → number of product to display.

screenshot
Products

In Order to add short code click on Add ElementsOnline Eshop tab and then click on Products.

Column → select number of column for product items.

Number of Products → number of product to display.

Pagination Alignment → default it is left.

Product Category → none / single / multi check product category.

screenshot
Product List

In Order to add short code click on Add ElementsOnline Eshop tab and then click on Product List.

Product Layout → there are three different types of styles each one of them are unique.

Column → select number of column for product items.

Number of Products → number of product to display.

Pagination Alignment → default it is left.

Product Category → none / single / multi check product category.

screenshot
Trending Product

In Order to add short code click on Add ElementsOnline Eshop tab and then click on Trending Product.

Content Style → there are three different types of styles each one of them are unique.

Column → select number of column for product items.

Number of Products → number of product to display.

Product Category → none / single / multi check product category.

Extra feature for show / hide filter tabs and container before product list.

screenshot
Recommend Product

In Order to add short code click on Add ElementsOnline Eshop tab and then click on Recommend Product.

Number of Products → number of product to display.

Product Category → select product category.

screenshot

Offer Banner

In Order to add short code click on Add ElementsOnline Eshop tab and then click on Offer Banner.

Layout #1

It is default layout.












screenshot
Offer Banner

Banner Image → select banner image.

Input contents such as Offer Price, Small heading, heading, Description, Button Text, Button Link & Content align.

Display Offer Counter → check if you want to dispaly offer counter.

Add Multiple

In Order to add multiple banner click on Plus Icon when you do that it add another row.

Click on arrow icon to toggle and fill out the field for banner.

screenshot
Offer Counter

Counter Image → select counter image.

Offer Discount → enter discount rate (Donn't use % ).

Offer End Date → indicate that on which date the offer will end. Formate (Ymd) don't put space between day, month & year.

screenshot
Layout #2

Banner Image → select banner image.

Input contents such as Offer Price, Small heading, heading, Description.

screenshot
Product Category

In Order to add short code click on Add ElementsOnline Eshop tab and then click on Product Category.

Category Type → select category type / layout style.

Product Category → select product category.

Input contents such as Title Text & Color.

screenshot
Instance Theme

Are you looking for version history?

You can find the version history (changelog.txt) file on online_eshop_package.zip folder or you can check changelog on theme sale page.

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme.

No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the Item Discussion section.

View Demo