close

Introduction

We appreciate you purchasing our WordPress theme. This guide demonstrates various steps of the full configuration and management process for a WordPress website.

What is WordPress CMS?

WordPress is an open source website creation utility that uses PHP and MySQL as its foundation. It is a robust blogging tool and a totally free content management system (CMS). With this CMS, you can create reliable online applications and webpages. To manage it, you hardly need any technical expertise or information. Because of its many benefits, including ease of use and flexibility, WordPress has emerged as the most popular website creation tool on the market. Learn More

What is a Wordpress Template?

A WordPress template serves as the skin for webpages built using the WordPress content management system. A WordPress template is very simple to setup. You can quickly alter the appearance of your WordPress website by installing a new template. A WordPress template comes with all the necessary source files, and you are free to modify and expand it however you see fit.


Help and Support

Click here for support:
Support
File Structure

The template package you have received is organized into different folders. Let's take a closer look at the contents of each folder:

  • Screenshots -includes a screenshot of a template. Not for manufacturing.
  • theme -assets for the WordPress theme
  • "food-grocery-store-pro.zip" -All of the assets required for the theme are in this folder.
  • "license.txt" -includes licence information
  • "readme.txt" -feature details about the theme's image paths, font usage, and script usage.

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

WordPress may be unable to create folders, submit images, or execute some scripts if file permissions are set incorrectly.

To manage files and make folders on the server, WordPress requires permissions.

  • Select all of the main directory's folders next, and then with a right-click, choose File Permissions.
  • the access dialogue box in wp-config check the option next to "Read and Write" >> To go further, click the OK option.
  • Repeat the same procedure for the wp-content subdirectory.
Image showing for how to add permission to folder

Template Installation

Installing a template is an easy and straightforward process.

Within the WordPress interface, all activation procedures can be completed. It facilitates a quick and comfortable procedure.

There are two methods to complete the installation process.

To install a theme using WordPress admin, follow these steps:

First, log in to your WordPress admin dashboard.

Next, navigate to the "Appearance" menu and select "Themes."

Image showing for how installed theme

After navigating to the themes page, click on the "Add New" button located at the top of the page.

Step 4: Click the "Browse" button, select the food-grocery-store-pro-zip theme, and then click the "Install Now" button.


Step 5: WordPress will now proceed with installing your selected theme and display a success message, along with options to either activate or preview the theme live. Congratulations! Your theme has been successfully installed.

2-Install a Theme using FTP

The theme can be uploaded using FTP, which is your second installation choice. To use this technique, first log into your website using FTP and navigate to the wp-content/themes folder. Simply extract the Total folder from the theme file you got and upload it to your server.

Image showing for how to use ftp

then sign in to your WordPress website and go to Appearance >> Themes to make Total active.


Plugin Installation.

Using plugins, you can increase and expand the usefulness of WordPress.

How to turn on plug-ins If you want these features in your theme, you must enable the plugin. In order to activate the plugin in your theme, follow these steps.

The following instructions for uploading a plugin can be used to directly install a WordPress plugin from a.zip archive.

Install Required Plugins:

GTranslate, WooCommerce, VW Social Media, YITH WooCommerce Wishlist, 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 Reorder and Arrange Section

To reorder an area simply means to arrange it according to our needs. Drag the section to the top or bottom as necessary to continue with this part. Your front view will alter in accordance with customizer values when you drag any section to the top or bottom.

You can reorder sections by simply dragging and dropping the choices into the desired order.

to continue with Section Ordering.

Step 1 Go to Dashboard >> Appearance >> Customizing >> Theme Settings>> Section Ordering

Image showing for how to use section reordering

Padding Top Settings

In order to prevent top or bottom sections from overlapping when the location of the sections is changed, you must apply padding top to those sections in either pixels or percentage form.

Step 1 Go to Dashboard >> Appearance >> Customizing >> Theme Settings>> Section Ordering


Section Color/Font Pallette

The procedure of changing the colour or font is very simple. These choices are available in all customizer sections. It is a full image that demonstrates the font and colour palette. You can change the colour and font of the headings, paragraphs, and buttons with a single look or click.

Depending on the amount of options available in each section, there is an option to change the colour scheme for the headings, title/text, paragraph, button text, and button background.

Default Color/Font settings

Image showing for how to color and font setting in theme.

Theme Wizard


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

To import content using Theme Wizard, adhere to these procedures.

1) Go to Dashboard >> Getstarted

2) Put in your key.


Refer video for Licence key activation:

3) Click Wizard to get going right away.

4) Install Plugins.

5) Your demo content built on Customizer and Gutenberg should be imported.

For setting up your demo content based on, you can turn to this video.






Theme Setup

The index page with the most recent post will be visible when you visit your site after activating the theme. You must now configure the home page template so that it displays the entire demo area on your front page.

Setup Home Page Template

Set up your home page by following these steps.

  • To set a template for a new page, navigate to the Dashboard, click on Pages, and then select Add New Page. Give the page a name, such as "Home," or any other desired label. Next, choose the "home-page" template from the dropdown menu of available templates.

    Image showing for creating home page
  • 2. Set the front page: Navigate to Setting > Reading > Select the Static Page option, then choose the page you made to serve as your homepage and another page as your default page.
    Image showing for setting home page

    When you're finished, you can view the entire demo collection on the front screen.


Setup Topbar

Follow the instructions below to set up the Topbar section.

Go to Dashboard >> Customize >> Topbar.


First, activate the GTranslate extension before proceeding with the settings.


Please remember to select the "Save Changes" button.


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


It will initially seem like this.

Image showing forntend of sticky header


Setup Topbar Product Search

Prior to accessing the Product Search Section in the Topbar. Follow these instructions to build up your site's identity first.

Setup Site Identity.

Go to Appearance >> Customize >> Site Identity

Image showing for how set site identity

You must first upload and enable the Woocommerce plugin in order to set up the Topbar Product Search section.

Then create category for the product

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


Go to Dashboard >> Customize >> Topbar Product Search.


It will initially seem like this.

Image showing forntend of sticky header


Setup Header

To configure the Header area

Setup Menus

Follow the procedures listed below to set up the menus.

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


Repeat these procedures for additional pages.

For creating menu...

Go to Dashboard >> Appearance >> Menu.

Make a menu, add sections, and choose the main menu.


We can build up the menu section in this manner.


Sticky Header:

The main navigation moves to the top and sticks there when you click the Sticky Header button and scroll the page.

Go to Appearance >> Customize >> Header Section

Image showing customizer setting of sticky header

Image showing customizer setting of sticky header

On the front end, it will look like this.

Image showing forntend of sticky header


Setup Slider Settings Section

To continue with Slider Settings.

Go to Appearance >> Customize >> Theme Settings>> Slider Settings

Image showing customizer setting of slider

Image showing customizer setting of slider

Image showing customizer setting of slider

It will initially seem like this.

Image showing forntend of slider


Setup Browse Catrgories Section

to continue with the Browse Categories Section.

Go to Appearance >> Customize >> Theme Settings >> Browse Catrgories

This is how it will initially seem.

Image showing forntend of services


Setup Top Sales Banner Section

To continue with the Top Sales Banner Section

Go to Appearance >> Customize >> Theme Settings >> Top Sales Banner


Image showing customizer settings for services

This is how it will initially seem.

Image showing forntend of services


Setup Features Section

To continue with the Features Section

Go to Appearance >> Customize >> Theme Settings >> Features


Image showing customizer settings for services

Image showing customizer settings for services

This is how it will initially seem.

Image showing forntend of services


Setup Deal of the day Section

First, you must upload and enable the Woocommerce plugin before you can set up the Deal of the Day Section.

Next, we must develop a category for the offering.

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

Go to Dashboard >> Product >> Add New

When adding new products, we must choose groups.

Image showing customizer setting for portfolio

Image showing customizer setting for portfolio

Go to Appearance >> Customize >> Theme Settings>> Deal of the day


The following are the procedures to order a product.

After adding a product to your cart, select the View Cart button.





This is how it will initially seem.



Setup Recommended Section

You must first upload and enable the Woocommerce plugin before you can set up the Recommended Section.

Next, we must develop a category for the offering.

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

Image showing frontend of portfolio

Go to Dashboard >> Product >> Add New

When adding new products, we must choose groups.

Image showing customizer setting for portfolio

Go to Appearance >> Customize >> Theme Settings>> Recommended

Image showing customizer setting for portfolio

Image showing customizer setting for portfolio

Image showing customizer setting for portfolio

This is how it will initially seem.

Image showing frontend of portfolio


Setup All Products Section

You must first upload and enable the Woocommerce plugin before you can set up the All Products Section.

Next, we must develop a category for the offering.

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

Image showing frontend of portfolio

Go to Dashboard >> Product >> Add New

When adding new products, we must choose groups.

Image showing customizer setting for portfolio

Go to Appearance >> Customize >> Theme Settings >> All Products.

Image showing customizer setting for portfolio

Image showing customizer setting for portfolio

This is how it will initially seem.

Image showing frontend of portfolio


Setup Shop By Brands Section

establishing the Shop By Brands area. adopt these actions.

Go to Appearance >> Customize >> Theme Settings>> Shop By Brands



This is how it will initially seem.



Setup Top Sale Offer Section

To continue to the Top Sale Offer Section

Go to Appearance >> Customize >> Theme Settings >> Top Sale Offer



This is how it will initially seem.



Setup Trending Products Section

It is first necessary to upload and enable the Woocommerce plugin before you can set up the Trending Products Section.

Consequently, we must develop a merchandise category for that.

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

Image showing frontend of portfolio

Go to Dashboard >> Product >> Add New

When adding new products, we must choose groups.

Image showing customizer setting for portfolio

Go to Appearance >> Customize >> Theme Settings >> Trending Products.

Image showing customizer setting for portfolio

Image showing customizer setting for portfolio

This is how it will initially seem.

Image showing frontend of portfolio


Setup Banner Section

Follow these procedures to fetch the Banner section.

Go to Appearance >> Customize >> Theme Settings>> Banner


This is how it will initially seem.


Setup client Have worked Section

Go to Appearance >> Customize >> Theme Settings >> client Have worked.

Image showing customizer settings for services

Image showing forntend of services

This is how it will initially seem.

Image showing forntend of services


Setup Selling Category Section

To continue with the Selling Category Section

Go to Appearance >> Customize >> Theme Settings >> Selling Category.

Image showing customizer settings for services

Image showing customizer settings for services

Image showing customizer settings for services

This is how it will initially seem.

Image showing forntend of services


Setup Category Collection Section

To continue with the Category Collection Section

Go to Appearance >> Customize >> Theme Settings >> Category Collection.

Image showing customizer settings for services

Image showing customizer settings for services

Image showing customizer settings for services

This is how it will initially seem.

Image showing forntend of services


Setup All Product Section

You must first upload and enable the Woocommerce plugin before you can set up the All Product Section.

Consequently, we must develop a merchandise category for that.

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

Image showing frontend of portfolio

Go to Dashboard >> Product >> Add New

When adding new products, we must choose groups.

Image showing customizer setting for portfolio

Go to Appearance >> Customize >> Theme Settings >> All Product.

Image showing customizer setting for portfolio

This is how it will initially seem.

Image showing frontend of portfolio


Setup Sales Banner Section

To continue with the Sales Banner Section

Go to Appearance >> Customize >> Theme Settings >> Sales Banner


Image showing customizer settings for services

This is how it will initially seem.

Image showing forntend of services


Setup Our Blogs Section

Create articles before setting up Our Blogs Section.

Go to Dashboard >> Posts >> Add New

Go to Appearance >> Customize >> Theme Settings>> Our Blogs


You can set up the Our Blogs section in this manner.



Setup Order Now Section Section

To continue with Order Now, click here. Part Section Part

Go to Appearance >> Customize >> Theme Settings >> Order Now Section


Image showing customizer settings for services

This is how it will initially seem.

Image showing forntend of services


Setup Newsletter Section

Follow the steps below to enable the Contact 7 plugin and the VW Social media plugin before setting up the Newsletter Section.

Go to Dashboard >> Contact >> Add New

Go to Dashboard >> VW Social Media

Image showing customizer setting of slider

Image showing customizer setting of slider

Go to Appearance >> Customize >> Theme Settings >> Newsletter

Contact showing customizer setting


This is how it will initially seem.



Setup General Settings Section

Follow these instructions to set up the General Settings area.

Go to Appearance >> Customize >> Theme Settings>> General Settings

Change the website title here in the left, right, and centre.







Setup Post Settings Section

Follow these instructions to configure the Post Settings area.

Go to Appearance >> Customize >> Theme Settings>>Post Settings




Footer Widgets Section

The footer contains four sections. Different elements can be displayed in each section. The admin panel widget section will be used to build up these sections. You can change the widget by adding any widget you desire.

Go to Dashboard >> Appearance >> Widgets


This is how it will initially seem.



Setup Footer Text Section

Setting Up the Footer Text Section the procedures outlined below

Go to Appearance >> Customize >> Theme Settings>>Footer Text

Image showing customizer setting of slider

This is how it will initially seem.



Contact

Follow the procedures listed below to set up the Contact Section.

Go to Dashboard >> Contact >> Add New

Go to Dashboard >> Pages >> Add New

Go to Appearance >> Customize >> Theme Settings >> Contact

Contact showing customizer setting

Contact showing customizer setting

This is how it will initially seem.





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

For more details on adding groups, look at the following article: http://codex.wordpress.org/Manage_Categories_SubPanel

  1. Access your WordPress Administration Panel by logging in. (Dashboard).
  2. Click the Posts tab.
  3. Click Categories for blog posts.
  4. Your new category's name should be typed in.
  5. following that, select the Add New Category button.
  6. Click the Publish button.

Creating a Blog post

  1. Access your WordPress Administration Panel by logging in. (Dashboard).
  2. Click the Posts tab.
  3. Click the Add New tab.
  4. Enter the text for your message. Please click the accompanying link for more details on adding posts. http://codex.wordpress.org/Posts_Add_New_SubPanel.

Custom Widgets



In the future, it will resemble the following: