close

Introduction

Thank you for buying our WordPress Theme. The complete procedure to configure and manage a WordPress Website from the beginning is shown in this documentation in different portions.

What is WordPress CMS?

WordPress is an open source tool which is based on PHP and MySQL to create websites. It is a completely free content management system(CMS) and a strong blogging platform. With this CMS, you can develop websites and solid online apps. You hardly require any knowledge or technical capability to manage it. WordPress has become the most accepted website development software available because of it’s varied aspects like it’s easy usage and flexibility. Learn More

What is a Wordpress Template?

A WordPress template acts as a skin for the websites which are created on WordPress CMS. The installation of a WordPress Template is very easy. With the help of an installed new template, you can change the look of your WordPress website very easily. All the requisite source files are provided with a WordPress template and you can freely go for editing and increasing it the way you want.


Help and Support

Click here for support:
File Structure

The template package you have downloaded consists of several folders. Let's see what each folder contains:

    Screenshots -contains template screenshot. Not for production.
  • theme -contains wordpress theme files
  • "food-grocery-store-pro.zip" -this folder contains all the necessary files for the theme.
  • "license.txt" -contains license details
  • "readme.txt" -contain information about theme images path, font use and usage script

My site was working fine before? Who changed the File Permissions?

Incorrect file permissions can block WordPress from creating folders, upload images, or run some scripts

WordPress needs permissions to manage files and create folders on the server.

  • After that select all folders in root directory and then right click to select ‘File Permissions’.
  • wp-config >> permissions dialog box >> click on checkbox read and write >> Click on the OK button to continue
  • same process repeated for wp-content folder
Image showing for how to add permission to folder

Template Installation

Template installation is very easy process.

All installation steps can be done within WordPress interface. It makes process comfortable and fast.

The installation process can be done in two ways

1-Install a theme using wordpress admin

First thing you need to do is to login to your WordPress admin area. Next, click on

1.Go to the Dashboard > Appearance > Themes

Image showing for how installed theme

2. Once you are on the themes page, click on the Add New button at the top.

3. Once you are on the themes page, click on the Upload Theme button at the top and upload zip file (food-grocery-store-pro-zip)


4. WordPress will now install your theme and show you a success message along with the link to activate or live preview.

Congratulations!! Your theme have been successfully installed.

2-Install a Theme using FTP

Your second installation option is to upload the theme via FTP. For this method first log into your site via FTP and browse to your folder located at wp-content/themes. Unzip the theme file you downloaded and upload only the extracted Total folder to your server.

Image showing for how to use ftp

Next log into your WordPress site and navigate to Appearance >> Themes to activate Total.


Plugin Installation.

Plugins are ways to extend and add to the functionality that already exists in WordPress.

How to activate plugins If you want these functionalities in your theme for which you need to activate plugin. Follow these instructions to activate plugin in your theme.

To install a WordPress Plugin manually by .zip archive and follow the below steps for Upload plugin .

Install Required Plugins:

YITH WooCommerce Wishlist,VW Social Media,GTranslate,Woocommerce and Contact Form 7 Plugin

Go to Dashboard >> plugin >> Add New >> Upload plugin.

Image showing for how to upload plugin folder

Read through all plugin details, read plugin documentation to learn how to use plugins for additional functionality


Section Ordering

How to Arrange and Reordering Section

Section reordering basically means to arranage the section as per our requirement. in order to proceed with this section you need to drag section on top or bottom where you need it. when you will drap any section top or bottom your front view will change according customizer values.

For Section Re-ordering,you just need to simply drag-and-drop options into any order as per your wish .

In order to proceed with Section Ordering.

Step 1 Go to Dashboard >> Appearance >> Customizing >> Home Two Setting>> Section Ordering

Image showing for how to use section reordering


Section Color/Font Pallette

Color/Font is very easy process. We have given these options in all sections of customizer. It is a complete image to show you about color and font pallete. At a single glance of click you can set the color and fonts of the Headings, Paragraph and Buttons

Every individual section have an option to set the color pallete for Headings, Title/Text, Paragraph, Button Text and Button Background depending upon the number of option that are available in that respective section.

Default Color/Font settings


Theme Wizard


* This is new feature added in the version (1.0.7)

Follow the following steps to import content using Theme Wizard

1) Go to Dashboard >> Getstarted

2) Insert your key.


Refer video for Licence key activation:

3) CLick on Wizard and then start now.

4) Install Plugins.

5) Import your demo content based on Customizer and Gutenberg.

You can refer this video for setup your demo content based on










Theme Setup

Once you view your site after activating the theme, You will see the index page with the latest post. Now you will need to setup the home page template to show all the demo section on your front page.

Setup Home Page Template

Follow these instructions to setup Home page.

  • 1. Create Page to set template: Go to Dashboard >> Pages >> Add New Page.

    Label it "home" or anything as you wish. Then select template "Home page" from template dropdown.

  • Image showing for creating home page
  • 2. Set the front page: Go to Setting -> Reading --> Select the option of Static Page, now select the page you created to be the homepage, while another page to be your default page.
  • Image showing for setting home page

    Once you are done with this, you can see all the demo content on front page.


Setup Topbar

In order to setup Topbar section,follow the below steps.

Go to Dashboard >> Customize >> Home Two Setting >> Topbar.


Before going GTranslate Setting Firstly nedd to Activate GTranslate plugin


Atlast don't forget to click on save Changes button


Currency Switcher Shortcode :- [woocommerce_currency_switcher_drop_down_box] Language Translate Title Shortcode:-[gtranslate]


It will appear like this on the front end

Image showing forntend of sticky header


Setup Topbar Product Search

Before going to Topbar Product Search Section. First you need to setup site Identity follow these steps.

Setup Site Identity.

Go to Appearance >> Customize >> Site Identity

Image showing for how set site identity

In order to setup Topbar Product Search section,First you need to upload and activate Woocommerce plugin.

Then create category for the product

Go to Dashboard >> Product >> Categories >> Add New Categories


Setup Socail Media icon.

Go to Dashboard >>Socail Media

Image showing for how set site identity

Image showing for how set site identity

Go to Dashboard >> Customize >>Home Two Setting>> Topbar Product Search.


It will appear like this on the front end

Image showing forntend of sticky header


Setup Header

In order to setup Header section

Setup Menus

In order to setup the Menus, follow the below steps.

Go to Dashboard >> Pages >> Add New Page.


Follow same steps for more pages.

For creating menu...

Go to Dashboard >> Appearance >> Menu.

Create menu, add pages and select primary menu.


In this way we can setup the menu section.


Sticky Header:

When you on Sticky Header button and scroll the page then primary navigation go on the top and stick at top of page.

Go to Appearance >> Customize >>Home Two Setting >>Header Section

Image showing customizer setting of sticky header

It will appear like this on the front end

Image showing forntend of sticky header


Setup Slider Settings Section

In order to proceed with Slider Settings.

Go to Appearance >> Customize >>Home Two Setting>> Slider Settings

Image showing customizer setting of slider

Image showing customizer setting of slider

Image showing customizer setting of slider

Image showing customizer setting of slider

It will appear like this on the front end

Image showing forntend of slider


Setup Features Settings Section

In order to proceed with Features Settings.

Go to Appearance >> >>Home Two Setting>> Features Settings

Image showing customizer setting of slider

Image showing customizer setting of slider

It will appear like this on the front end

Image showing forntend of slider


Setup Browse Catrgories Section

In order to proceed with Browse Catrgories Section.

Go to Dashboard >> Appearance >> Products.



Go to Appearance >> Customize >>Home Two Setting >> Browse Catrgories



It will appear like this on the front end.

Image showing forntend of services


Setup Top Sales Banner Section

In order to proceed with Top Sales Banner Section

Go to Appearance >> >>Home Two Setting >> Top Sales Banner


Image showing customizer settings for services

Image showing customizer settings for services

Image showing customizer settings for services

It will appear like this on the front end.

Image showing forntend of services


Setup About Section

In order to proceed with about Section

Go to Appearance >> Customize >>Home Two Setting >> About


Image showing customizer settings for services

Image showing customizer settings for services

Image showing customizer settings for services

Image showing customizer settings for services

Image showing customizer settings for services

It will appear like this on the front end.

Image showing forntend of services


Setup Fresh Item Section

In order to proceed with Fresh Item Section

Go to Appearance >> Customize >>Home Two Setting >> Fresh Item section


Image showing customizer settings for services

Image showing customizer settings for services

Image showing customizer settings for services

It will appear like this on the front end.

Image showing forntend of services


Setup Featured Product Section

In order to proceed with Featured Product Section

Go to Appearance >> Customize >>Home Two Setting >> Featured Product section



Image showing customizer settings for services

Image showing customizer settings for services

Image showing customizer settings for services

It will appear like this on the front end.

Image showing forntend of services


Setup Deal of the day Section

In order to setup Deal of the day Section, First you need to upload and activate Woocommerce plugin.

Then we need to create category for the product

Go to Dashboard >> Product >> Categories >> Add New Categories

Go to Dashboard >> Product >> Add New

When we add new product we need to select categories

Image showing customizer setting for portfolio

Image showing customizer setting for portfolio

Go to Appearance >> Customize >>Home Two Setting>> Deal of the day



It will appear like this on the front end.



Setup Our Testimonials Section

In order to setup Deal of the day Section, First you need to upload and activate Woocommerce plugin.

Then we need to create category for the product

Go to Dashboard >> Testimonials >>Add New


Image showing customizer setting for portfolio

Image showing customizer setting for portfolio

Go to Appearance >> Customize >>Home Two Setting>> Our Testimonials


It will appear like this on the front end.



Setup Best Seller Section

In order to setup Best Seller Section, First you need to upload and activate Woocommerce plugin.

Then we need to create category for the product

Go to Dashboard >> Product >> Categories >> Add New Categories

Image showing frontend of portfolio

Go to Dashboard >> Product >> Add New

When we add new product we need to select categories

Image showing customizer setting for portfolio

Image showing customizer setting for portfolio

Go to Appearance >> Customize >>Home Two Setting >> Best Seller.

Image showing customizer setting for portfolio

It will appear like this on the front end.

Image showing frontend of portfolio


Setup Newsletter Section

In order to setup the Newsletter Section,First you need to activate VW Social media plugin and activate Contact 7 plugin, follow the below steps.

Go to Appearance >> Customize >>Home Two Setting >> Newsletter

Contact showing customizer setting

Contact showing customizer setting

Contact showing customizer setting

It will appear like this on the front end.



Setup Item on Sale Section

In order to setup Item on Sale Section, First you need to upload and activate Woocommerce plugin.

Then we need to create category for the product

Go to Dashboard >> Product >> Categories >> Add New Categories

Image showing frontend of portfolio

Go to Dashboard >> Product >> Add New

When we add new product we need to select categories

Image showing customizer setting for portfolio

Image showing customizer setting for portfolio

Go to Appearance >> Customize >>Home Two Setting >> Item on Sale.

Image showing customizer setting for portfolio

It will appear like this on the front end.

Image showing frontend of portfolio


Setup Our Blogs Section

In order to setup Our Blogs Section, create posts first.

Go to Dashboard >> Posts >> Add New

Go to Appearance >> Customize >>Home Two Setting>> Our Blogs


In this way you can setup Our Blogs section.



Footer Widgets Section

There are Four columns in the footer. Each column have different element to show. These sections will be setup from the admin pannel widget section. Add whatever widget you want and you can update the widget.

Go to Dashboard >> Appearance >> Widgets




It will appear like this on the front end.



Setup Footer Text Section

In order to Setup Footer Text Section Follow the steps given below

Go to Appearance >> Customize >>Home Two Setting>>Footer Text

Contact showing customizer setting

Contact showing customizer setting

It will appear like this on the front end.




Page Templates and sidebars

Page Templates

  • Home Template (the default Home template)
  • Default Template (the default page template with a right sidebar position)
  • Page (Left Sidebar) (a page templates with left sidebar position)
  • Page (Right Sidebar) (a page template with right sidebar position)
  • Page (Right and Left Sidebar) (a page template with both left and right sidebar position)
  • Blog (Full Width) (a blog templates with one column without sidebar)
  • Blog (Left Sidebar) (a blog templates with left sidebar position)
  • Blog (Right Sidebar) (a blog template with right sidebar position)
  • Blog (Right and Left Sidebar) (a blog template with both left and right sidebar position)
  • Contact Template (the default Contact template with no sidebar position)

Post, Categories and Post Formats


Adding category

Review the following article for more information on adding categories: http://codex.wordpress.org/Manage_Categories_SubPanel

  1. Log into your WordPress Administration Panel (Dashboard).
  2. Click the Posts tab.
  3. Click Categories for blog posts.
  4. Type in the name of your new category.
  5. After that, click the Add New Category button.
  6. Click the Publish button.

Creating a Blog post

  1. Log into your WordPress Administration Panel (Dashboard).
  2. Click the Posts tab.
  3. Click the Add New tab.
  4. Type in your post content. For more information on adding posts, please check the following link http://codex.wordpress.org/Posts_Add_New_SubPanel.

Custom Widgets





It will appear like this on the front end.



WooCommerce and Contact Form 7 Plugin


For better understanding you can view below videos :
















Videos related to Error







All Important Videos