close

System Requirements

To get the most out of the Ecommerce Watch Store Pro theme, we recommend that your web server have the following minimal system settings.

  • WordPress 6.4 or Above
  • PHP 7.4 and Above
  • MySQL 5.6 (or greater) | MariaDB 10.0 (or greater)
  • Need php ini file configration -
  • post_max_size = 256M
  • upload_max_filesize = 256M
  • max_execution_time = 5000
  • max_input_time = 5000
  • memory_limit = 1000M

Introduction

We appreciate you purchasing our WordPress theme. This guide demonstrates in various sections the entire process for configuring and managing a WordPress website from scratch.

What is WordPress CMS?

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

What is a Wordpress Template?

For webpages built using the WordPress content management system, a WordPress template serves as the skin. A WordPress template can be set up with ease. You can quickly and simply change the appearance of your WordPress website by installing a new template. A WordPress template includes 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 that you got is divided into various folders. Let's examine what is contained in each folder:

  • Screenshots -contains template screenshot. Not for production.
  • theme -contains wordpress theme files
  • "vw-freelancer-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

Template Installation

The process of installing a template is very straightforward and easy.

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

There are two methods to complete the installation process.

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

First, log in to your WordPress admin dashboard.

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

images

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

images

3. Click on upload theme button.

images

4. Click the "Browse" button, select the vw-freelancer-pro.zip theme, and then click the "Install Now" button.

images

5. WordPress will now proceed with installing your selected theme, and upon completion, you will see a success message that includes options to activate the theme or preview it live.

Congratulations! Your theme has been successfully installed and set up.

2-Install a Theme using FTP

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

images

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

Section Color/Font Pallette

It's very simple to change the colour or font. These choices are available in all customizer areas. This entire picture demonstrates the colour and font palette. The font and colour of the headings, paragraphs, and buttons can be changed with a single click or quick look.

Depending on how many options are accessible in a given section, each individual section has the ability to customise the colour scheme for the headings, title/text, paragraph, button text, and button background.

Default Color/Font settings

images images

Theme Wizard


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

1) Go to Dashboard >> Getstarted

images

2) Insert your key.

images
Refer video for Licence key activation:
images

3) Click on Setup Wizard and then Start Now button.

images

4) install Plugins.

images

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

images

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


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.

6.1 Setup Home Page Template

Set up your home page by following these steps.

  • 1. 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.

  • images
  • 2. Set the front page: Go to Setting -> Reading --> Set the home page as the front page show static page.
  • images
  • When you're finished, you can view the entire demo collection on the front screen.


6.2 Setup Header

The header section's setup is demonstrated in this part. Adding the site logo is the first stage.

Steps for adding site logo.

Navigate to the Theme Settings section within the Appearance customization options, and then select the Site Identity.

images

2. For Menu Section, follow these steps.

Go to Dashboard >> Pages >> Add New.

images

Follow same steps for the more pages.

Go to Dashboard >> Appearance >> Menu.

images

3. For Icon Section, follow these steps.

Navigate to the Theme Settings section within the Appearance customization options, and then select the Header.

images


images

The output will look like this.

images


Refer video for create and setup menu:
images

6.3 Setup Slider

In order to setup slider section.

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

images
images
images
images
images
images
images
images

The output will look like this.

images
Refer video for Setup slider:

images

6.4 Services Section

The Services choice will show up on the dashboard after installation.

Repeat these procedures for the additional posts.


To configure this area.

Go to Appearance >> Customize >> Theme Settings >> services Section

images
images

images

images

images

The result will appear as shown.

images

6.5 Counter

To configure my Counter area,

Go to Appearance >> Customize >> Theme Settings >> Counter

images

images

The result will appear as shown.

images

6.6 Setup Trending Top Categories

Top Trending Categories in sequence.

Go to Appearance >> Customize >> Theme Settings >> Top Categories Section

images

Go to Appearance >> settings >> Post View Counter

images

Go to Following Steps
Step1
images

Step2
images

Counter Output:
images

The result will appear as shown.

images

6.7 Portfolio Section

To configure the Portfolio area.

Go to Appearance >> Customize >> Theme Settings >> Portfolio

images

images


6.8 Trending Services Section

Projects choice will show up on the dashboard after installation.

Go to Dashboard >> Trending Services Section >> Add New.

images

Repeat these procedures for the additional posts.


Establishing the portfolio area.

Go to Appearance >> Customize >> Theme Settings >> Trending Services Section.

images

The result will appear as shown.

images

6.9 Hire A Professional Section

Create the Hire A Professional area first.

Go to Appearance >> Customize >> Theme Settings >> Hire Professional Section.

images

images

images

images

The result will appear as shown.

images

6.10 Setup Most Hired Freelancers

To build up the section for the Most Hired Freelancers.

Go to Appearance >> Customize >> Theme Settings >> Hired Freelancers Section

images

images

images

The result will appear as shown.

images

6.11 Work Process Section

To configure the Work Process part.

Go to Appearance >> Customize >> Theme Settings >> Work Process.

images

images

The result will appear as shown.

images

6.11.1 Choose A Right Plan For You Section

In order to establish Select The Best Plan for You.

Go to Appearance >> Customize >> Theme Settings >>Pricing Plan Section.

images

images

images

images

images

images

images

The result will appear as shown.

images

6.12 Team Section

The dashboard will display the Team choice after installation.

Go to Dashboard >> Team >> Add New.

images

Step2:

images

Repeat these procedures for the additional posts.


To build up the Team section.

Go to Appearance >> Customize >> Theme Settings >> Team Section

images

The result will appear as shown.

images

6.13 Testimonial Section

Testimonial choice will show up on the dashboard following installation.

Go to Dashboard >> Testimonial >> Add New.

images

Step2:

images

Repeat these procedures for the additional posts.


To build up the Team section.

Go to Appearance >> Customize >> Theme Settings >> Team Section

images

images

The result will appear as shown.

images

6.14 Latest Blog News Section

to highlight the Latest Blog News Section.

Go to Dashboard >> Posts >> Add News

images
See the video to make the most recent Post section.

images

Go to Appearance >> Customize >> Theme Settings >> My Blog.

images

The result will appear as shown.

images

6.15 Our Partner's Section

To proceed with the "Our Partners" section,

Go to Appearance >> Customize >> Theme Settings >>Pricing Plan Section.

images

The result will appear as shown.

images

6.16 Setup Ready To Get Started Section

In order to build up the section for freelancer portals.

Go to Appearance >> Customize >> Theme Settings >> Ready To Get Started.

images

images


6.17 Setup Contact Page

To configure the Contact Page Section.

1. You must take a few crucial first actions.

2. A contact form 7 component must be added.

Create contact form

Go to Dashboard >> Contact >> Add New

images

Appearance >> Customize >> Theme Setting >> Footer Widgets

images

images


Refer to the following video to setup the Contact form 7 plugin:
images

6.18 Footer Section

To set up the footer section, follow these steps:

The footer contains four columns, and you can add any widget to each column.

Go to Appearance >> Widgets.

images

See the screenshot below for adding widgets to the footer.

images
Create a Footer Widget using the following video:
images

6.19 Footer Text

To display Footer Text on the home screen.

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

images

You can add footer text in this manner.

images



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)
  • 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)
  • 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

images

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

Click the Publish button.

Creating a Blog post

images

  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.


Shortcodes


A shortcode is a powerful content building tool http://codex.wordpress.org/Shortcode. Shortcodes are easy to use. First of all, make sure that the editing mode is set to Visual.

images
  • Contact- [contact-form-7 id="177" title="Contact Page"]
Refer video for Create Pages Using Shortcode:
images


Custom Widgets


images