Online Retailer Pro Documentation

Structure of files

The downloaded template package comprises multiple folders. Now, let's take a look at the contents of each folder

Screenshots - displays template screenshots. Do not use these for creating templates

Theme - carries Files for a WordPress theme

Select the jewelry-blocks.zip theme by clicking on Browse, then click Install Now.

The file "license.txt" consists of important information regarding the license

The setup procedure might be executed in two methods.

1-To be able to install a new theme through the WordPress admin panel

The first step is to log in to your WordPress admin dashboard. After that, click.

1. Select the menu Select Appearance → Then Themes

2. Tap Add New

3. the button labelled "Upload Theme".

4. Choose your online-retail-shop-pro theme by clicking the Browse button, then hit the Install Now button.

Congratulations on successfully installing a theme on WordPress website!

2-If you prefer to install a WordPress theme with FTP (File Transfer Protocol), you can follow these steps:

Another option for installing a theme is upload it via FTP (File Transfer Protocol).you first need to log in your website through FTP and Select to the themes folder inside wp-content folder. From there, you can upload the theme you downloaded by unzipping it and uploading it to server.

Afterward, sign in to your WordPress website and Select to Appearance -- Select Themes And activate .

Plugin Installation

To Add a WordPress Plugin manually by .zip archive follow steps below for Uploading plugin

Plug-ins must be installed:
Contact-form-7 plugin
Select Dashboard → Selectplugin → Then Add New → and Tap Upload plugin.

click on the install now button and activate

Section One Click Demo Importer

Import demonstration content with one click to get your theme Set-up. This content will lead you through creating your website.

Select Dashboard → Select Appearance → Get started

Insert Your license key and click on activate button.

After activating key successfully click on next button.

Click on"Run Importer".

Set-up Home-page.

1) Now To set up home-Page First Create a Page From Admin Area

Lable your Page with your parent site name either you can label it home-page also. Then select settings then Reading and change the template from static to home-page.

2) Set the page: Select Setting →Select Reading → Set the post page display static page to home-page

once you've finished you can see all the demo content on front page.

Set-up Section Ordering Section

How to Arrange and Reordering Section

Section reordering means to arranage the section as per our requirement. first you need to choose section and drag section on top or bottom where you need it. when you will drap any section your front view will change according to your choice.

To be able to begin with Section Ordering.

Select Select Appearance → Theme Settings → Section Ordering

Set-up Site Identity Section

To be able to begin with Site Identity,

Select Select Appearance → Tap On Customize → Then Site Identity

Set-up Top Bar Section

To be able to begin with Topbar,

Select Appearance → Tap On Customize Themes → Settings → Topbar

Topbar Section will appear like this.

Set-up Header Section

To be able to begin with header,

Select Pages → Add new

For menu you will have to add pages from.

Select Appearance → menu → Add new

Repeat the same steps if you want to add more pages.

Select Select Appearance → Tap On Customize → Select Theme Settings → Then Header

In this way you can add the menu section.

Set-up Header Category Section

To be able to begin with Header Category Section

You must first install and activate the Woocommerce plugin.

After you enable the plugin, a Product section will appear on your dashboard.

Create Product Category

Select Dashboard → Tap On Product → Categories → Add New

Select Appearance → Tap On Customize → Select Theme Settings → Then Header Category Settings

In the front, it will manifest as shown.

Set-up Slider Section

To be able to begin with Slider Section

Select Appearance → Tap On Customize → Select Theme Settings → Then Slider Settings

In the front, it will manifest as shown.

Set-up Fresh Product Category Section

To be able to begin with Fresh Product Category Section.

You must first install and activate the Woocommerce plugin.

After you enable the plugin, a Product section will appear on your dashboard.

Create Product Category

Select Dashboard → Tap On Product → Categories → Add New

Select Appearance → Tap On Customize → Select Theme Settings → Fresh Product Category

In the front, it will manifest as shown.

Set-up Our Fresh Product Section

To be able to begin with Our Fresh Product Section.

You must first install and activate the Woocommerce plugin.

After you enable the plugin, a Product section will appear on your dashboard.

Create Category

Select Dashboard → Tap On Product → Categories → Add New

Create Product

Select Dashboard → Tap On Product → Add New

Select Appearance → Tap On Customize → Theme Settings → Our Fresh Product

In the front, it will manifest as shown.

Set-up Pet Food Product Section

To be able to begin with Pet Food Product Section.

You must first install and activate the Woocommerce plugin.

After you enable the plugin, a Product section will appear on your dashboard.

Create Category

Select Dashboard → Tap On Product → Categories → Add New

Create Product

Select Dashboard → Tap On Product → Add New

Select Appearance → Tap On Customize → Theme Settings → Pet Food Product

For Newsletter you need to install contact form 7 plugin. Following the installation of contact form 7 plugin. Contact options become visible on the Dashboard.

Select Dashboard → Contact → Add New Page

Select Appearance → Tap On Customize → Theme Settings → Pet Food Product

In the front, it will manifest as shown.

Set-up Grocery Product Section

To be able to begin with Grocery Product Section.

You must first install and activate the Woocommerce plugin.

After you enable the plugin, a Product section will appear on your dashboard.

Create Category

Select Dashboard → Tap On Product → Categories → Add New

Create Product

Select Dashboard → Tap On Product → Add New

Select Appearance → Tap On Customize → Theme Settings → Grocery Product

In the front, it will manifest as shown.

Set-up Hot Sale Product Section

To be able to begin with Hot Sale Product Section.

You must first install and activate the Woocommerce plugin.

After you enable the plugin, a Product section will appear on your dashboard.

Create Category

Select Dashboard → Tap On Product → Categories → Add New

Create Product

Select Dashboard → Tap On Product → Add New

Select Appearance → Tap On Customize → Theme Settings → Hot Sale Product

In the front, it will manifest as shown.

Set-up Discover Now Section

To be able to begin with Discover Now Section

Select Appearance → Tap On Customize → Theme Settings → Discover Now

In the front, it will manifest as shown.

Set-up Laptop And Computer Section

To be able to begin with Laptop And Computer Section.

You must first install and activate the Woocommerce plugin.

After you enable the plugin, a Product section will appear on your dashboard.

Create Category

Select Dashboard → Tap On Product → Categories → Add New

Create Product

Select Dashboard → Tap On Product → Add New

Select Appearance → Tap On Customize → Theme Settings → Laptop And Computer

In the front, it will manifest as shown.

Set-up Product Category Section

To be able to begin with Product Category Section

You must first install and activate the Woocommerce plugin.

After you enable the plugin, a Product section will appear on your dashboard.

Create Category

Select Dashboard → Tap On Product → Categories → Add New

Select Appearance → Tap On Customize → Theme Settings → Product Category Section

In the front, it will manifest as shown.

Set-up Popular Brands Section

To be able to begin with Popular Brands Section

Select Select Appearance → Tap On Customize → Theme Settings → Popular Brands

In the front, it will manifest as shown.

Set-up Latest Post Section

To be able to begin with Latest Post Section

Create Post First

Go to Dashboard → Tap On Post → Add New

Select Select Appearance → Tap On Customize → Theme Settings → Latest Post

In the front, it will manifest as shown.

Set-up Testimonial Section

To be able to begin with Testimonial Section

You must first install and activate the Online Retailer Pro Posttype plugin.

After you enable the plugin, a Testimonials section will appear on your dashboard.

Create Post First

Go to Dashboard → Tap On Testimonial → Add New

Select Select Appearance → Tap On Customize → Theme Settings → Testimonial

In the front, it will manifest as shown.

Set-up Feature Section

To be able to begin with Feature Section

Select Select Appearance → Tap On Customize → Theme Settings → Features

In the front, it will manifest as shown.

Set-up Footer Newsletter Section

Before proceeding with the Footer Newsletter section, we need to install contact form 7 plugin. Following the installation of contact form 7 plugin. Contact options become visible on the Dashboard.

Select Dashboard → Contact → Add New Page

Select Select Appearance → Tap On Customize → Theme Settings → Footer Widgets

In the front, it will manifest as shown.

Set-up Footer Section

To be able to begin with Footer,

Step 1.Select Dashboard → Select Appearance → Widgets

Step 2. Select Footer
(a) Footer One
(b) Footer Two
(c) Footer Three
(ii) Click on "save" button

For designing this section, Select widgets of Select Appearance section and select four footer columns for tags, gallery, contact and logo image respectively.

Below image throws light on the widgets section.

Select Dashboard → Select Appearance → Widgets → Add New

Select Select Appearance → Tap On Customize → Select Themes Settings → Footer Option → Footer Widgets

Footer Heading Color: Here, you can choose the font text of footer.
Footer Heading Fonts: Here, you can set the font of heading of footer.
Footer Content Color: Here, you can select the text color of contents of footer
Footer Content Fonts: Here, you can choose the font of the contents of the footer.
Setting Options: Involves settings for Service display enable / disable option..
Background Color: Here, you can choose the Background Color of the footer.
Background Image: Here, you can place the Background Image of the footer.

In the front, it will manifest as shown.

Set-up Footer Text Section

To be able to begin with Footer Text section,

Select Select Appearance → Tap On Customize → Select Themes Settings → Footer Option → Then Footer Text.

Enable/Disable option:Here, you may select the enable/disable option to show or hide the section.

In the front, it will manifest as shown.

Set-up Contact Page

Before proceeding with the Contact Us section, we need to install contact form 7 plugin. Following the installation of contact form 7 plugin. Contact options become visible on the Dashboard.

Select Dashboard → Contact → Add New Page

Select Select Appearance → Theme setting → Contact Page and Map Option

In the front, it will manifest as shown.

Post, Categories and Post Formats

Adding category

First of all create pages from Select Dashbord → Pages→ Add new page.
Select Select Appearance → Menu
Click on Create a new menu link
Give a name to menu in Menu name column and click save menu button
Once you create menu. You need to add pages by selecting with checkbox. After adding menu list you can arrange it with your choice by drag and drop.
Choose the menu theme location from the below checkboxes
If you clicked primary menu checkbox then menu will appear on header and if you select footer checkbox then menu will appear on footer.

Creating a Fitness post

Log into your WordPress Administration Panel (Dashboard).
Click the Posts tab.
Click the Add New tab.
Type in your post content.