Water Filter Pro wordpress theme Documentation

Introduction

Thank you for your purchase of our WordPress theme. This documentation shows the entire process of configuring and managing a WordPress website from start to finish in various sections.

What is WordPress CMS?

WordPress is an open source website creation tool that is built on PHP and MySQL. It is a free content management system (CMS) and a powerful blogging platform. You can use this CMS to create websites and solid online apps. It requires little knowledge or technical ability to manage. WordPress has become the most widely used website development software due to a variety of factors such as its ease of use and flexibility.Learn More

What is a WordPress template

A WordPress template serves as a skin for WordPress-powered websites. A WordPress Template is simple to set up. You can easily change the look of your WordPress website by installing a new template. A WordPress template includes all of the necessary source files, which you can edit and expand as you see fit.

Help and Support

Click here for help and support : SUPPORT

Files structure

The template package you downloaded is divided into several folders. Let's take a look at what's in each folder:

  • Screenshots : contains template screenshots. Not for production.

  • Theme : contains WordPress theme files.

  • Water Filter Pro.zip: This folder contains all of the files required for the theme.

  • license.txt : contains license details.

  • readme.txt : contain information about theme images path and font use and usage scritps.

TC Key Activation

The TC Key Activation procedure is as follows.

As you will get the License Key on your Email, use that key to Activate License.

Follow the following Process to Activate License.

Go to the Dashboard Appearance TC Setup Wizard Enter Key Save Changes

key

After Entering The Key Activate Licence.

key2

After you Activate Licence,the key will be active and then you can Getstarted with the Theme.

key3

In this way you can activate your Licence Key.

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

Incorrect file permissions may prevent WordPress from creating folders, uploading images, or running certain scripts.

WordPress requires server permissions to manage files and create folders.

  • Then, select all folders in the root directory and right-click to select 'File Permissions'.
  • wp-config >> permissions dialog box >> click on checkbox read and write >> Click on the OK button to continue
  • The same procedure should be followed for the wp-content folder.
permission

Template Installation

The installation of a template is a simple process.

Step 1. Theme Installation

The first step is to log into your WordPress admin area. Then, click on

Go to the menu Appearance Themes

themeinstall1

After you have navigated to the themes page, click on the Add New button located at the top of the page.

themeupload

Click on upload theme button.

theme1

Click on Browse Button then select your water-filter-pro.zip theme and click on Install Now Button..

themeupload1

WordPress will now install your theme and display a success message, as well as a link to activate or view the live preview.

Step 2. Installation Using FTP

  • Step 1 - Download water-filter-pro.zip file from your My Account ThemesEye.
  • Step 2 - Extract Zip file.
  • Step 3 - Upload the non-zipped theme folder into the theme folder using your FTP programme. "/wp-content/themes/" folder on your server.
  • Step 4 - Go to Dashboard » Appearance » Themes and find Water Filter Pro Pro theme from list
  • Step 5 - Click on Activate to active water-filter-pro Posttype theme.
  • Active Theme

Plugin Installation.

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

Install Required Plugins:

water-filter-pro-posttype plugin, Contact Form 7

  • Go to Dashboard >> plugin >> Add New >> Upload plugin.
  • Active Theme

  • Install and activate by clicking the Install Now button.

  • Active Theme

Demo Importer


To import content using Theme Wizard, ad here to these procedures.

1) Go to Dashboard >> Getstarted

2) Insert your key.

3) After selecting Setup Wizard, click Start Now.

4) install Plugins.

5) Import the material from your Customizer Elementor-based demo.

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.

Active ThemeActive Theme

How to set up homepage

After activating the theme, you will see the index page with the most recent post. Now you must configure the home page template to display all of the demo sections on your front page.


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 Appearance >>Theme Settings >> Section Ordering

Setup Home Page

This section will assist you in organising your site's home page and other pages. This will also show you how to set up WordPress Menus, make a Slider, make a Home Page, use Page Templates, and insert shortcodes into pages.

1.   Go to Dashboard Pages Add New Page, enter page name and select template as Home Page Template from Page Attribute as shown in below image

home-page-template

2.   Publish this Page

3.  Go to Dashboard Setting Reading, select home page as a front page

set-front-page

When you're finished, you'll be able to see all of the demo content on the front page.

Header Setting

  • Step 1 - Go to Dashboard >> >> Appearance >> Customize >> Site Identity.
  • a. You can add logo from Select Logo button for set logo
  • Active Theme

  • Step 2 If you want to add and assign the page to that area, go to Dashboard >> Pages >> add new page with addition of image. To allocate numerous pages to the same section, repeat this process several times.
  • Active Theme

  • Step 3 - Go to Dashboard >> Appearance >> Menus.
  • Step 4 - Click on create a new menu as show in below image.
  • Step 5 - Enter menu name and click on Create Menu as shown in below image.
  • Create a Menu

  • Step 6 - From the left side, choose Pages like Latest Blog, Pages, and About Us, then select Add to Menu button as show in below image
  • Step 7 - Following the selection of pages, choose the menu option and press save menu.
  • Step 8 - Click on Manage Locations as show in below image.
  • Final Step in Menu

  • Step 2 - Go to Dashboard >> >> Appearance >> Customize >> Header.
  • Final Step in Menu
  • Final display of Header

  • Final display of header

Setup Banner

  • Follow the instructions below to set up the Slider Section.

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Banner Section.

  • Create New Slider

    Final display of Banner Section

    Final display of header

Setup About Us Section

  • Follow the steps below to set up the Search Tours Section.

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> About Us Section.

  • Create New Slider

    Create New Slider

    Final display of About Us Section

    Final display ofBanner1 Section

Our Purifiers Section

  • Follow the steps below to set up the Our Purifiers.

  • Step 1- Activate the WooCommerce plugin. The product name will appear in Dashboard following installation.

  • Step 2 - Go to Dashboard >> Product >> Add New
  • Add a new product of your choosing along with a category, image, and category selection.

    Final Step in Menu

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Our Purifiers.
Final Step in Menu

Final display of Our Purifiers

Final display of Brand Section

Setup Our Services Section

  • Follow the steps below to set up the Our Services Section.

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Installation & Services Section.

  • Create New Slider

    Create New Slider

    Final display of Our Services

    Final display of Banner2 Section

Setup Process Section

  • Follow the instructions below to set up the discount section.

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Process Section.

  • Create New Slider

    Create New Slider

    Final display of Process Section

    Final display of  Featured Product Section

Setup New Launch Section

  • Follow the instructions below to set up the Tour Type Section.

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> New Launch Section.

  • Create New Slider

    Create New Slider

    Final display of New Launch

    set Blog section

Setup Why You Need Section

  • Follow the instructions below to set up the Tour Type Section.

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Why You Need Section.

  • Create New Slider

    Create New Slider

    Final display of Why You Need

    set Blog section

Testimonial Section

  • Follow the procedures below to setup the upcoming trips.

  • Step 1- Activate the WooCommerce plugin. The product name will appear in Dashboard following installation.

  • Step 2 - Go to Dashboard >> Testimonial >> Add New
  • Add a new product of your choosing along with a category, image, and category selection.

    Final Step in Menu

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Testimonial.
Final Step in Menu

Final display of Testimonial

set Blog section

Setup Certifications Section

  • Follow the instructions below to set up the Tour Type Section.

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Certifications Section.

  • Create New Slider

    Create New Slider

    Final display of Certifications

    set Blog section

Blogs Section

  • Follow the instructions below to setup the Blogs.

  • Step 1- Activate the WooCommerce plugin. The product name will appear in Dashboard following installation.

  • Step 2 - Go to Dashboard >> Hot Deals >> Add New
  • Add a new product of your choosing along with a category, image, and category selection.

    Final Step in Menu

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Blogs Section.
Final Step in Menu

Final display of Blogs

Final display of Brand Section

Setup FAQ Section

  • Follow the instructions below to set up the Tour Type Section.

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> FAQ Section.

  • Create New Slider

    Create New Slider

    Final display of FAQ

    set Blog section

  • Follow the instructions below to set up the Tour Type Section.

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Gallery Section.

  • Create New Slider

    Create New Slider

    Final display of Gallery

    set Blog section

Footer Widgets

    To move on to the next part,

  • Step 1 - Go to Dashboard >> Appearance >> Widgets
  • Step 2. Select Footer
  • (a) Footer One
  • (b) Footer Two
  • (c) Footer Three
  • (d) Footer Four
  • (ii) Click on "save" button
  • set Footer section
  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes setting >>Footer
  • set Footer section
    set Footer section

    Final display of Footer Section

    set Footer section

Setup Copyright

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes setting >>Copyright
  • select template

Final display of Copyright Text.

Final display of Brand Section

Inner Pages


Contact Page

    You must first upload and enable the Contact Form 7 plugin in order to set up the contact page.

    The contact choice will be visible on the dashboard following installation.

  • Step 1 - Go to Dashboard >> contact >> add new
  • set Newsletter section
  • Step 2 - Go to Dashboard >> Appearance >> Customize >> Themes Settings >> Contact
  • set  Brand section

    Final display of Contact Page.

    Final display of Brand Section