1. Getting Started

Welcome to the documentation for Eco Green Pro Theme! This documentation is designed to guide you through the installation, setup, customization, and usage of our theme. Whether you're a beginner or an experienced WordPress user, this documentation will help you make the most out of our theme.


Documentation Structure

This documentation is organized into several sections to help you navigate through different aspects of using our theme:

  • Introduction: Get an overview of our theme, its features, and the documentation structure.
  • Installation: Learn how to install and activate the theme on your WordPress website.
  • Setup: Follow step-by-step instructions to set up your website using our theme, including configuring theme options, creating pages, and setting up widgets.
  • Customization: Explore various customization options available in our theme, including theme customizer settings, page builder integration, and custom CSS.
  • Support: Find resources and guidelines for getting support, including documentation, knowledge base, support forum, and contact information.

Feedback and Support

Your feedback is important to us! If you have any questions, suggestions, or issues related to our theme, please don't hesitate to reach out to our support team. We're here to help you make the most out of your WordPress website.

Eco Green Pro Theme is a beautifully designed, eco-conscious WordPress theme crafted especially for eco-friendly stores, organic product brands, nature-based businesses, and sustainable living advocates. Whether you're selling organic groceries, handmade wellness items, sustainable fashion, or natural home products, this theme provides a seamless platform to showcase and sell your green offerings.

Built with modern aesthetics and clean layouts, Eco Green Pro allows you to display your products with engaging visuals, rich descriptions, and user-friendly navigation. Visitors can explore categories, compare eco-products, and shop with confidence all while experiencing a fast, mobile-friendly interface.

  • Beautiful Design: Eco Green Pro features a purpose-driven design that puts your cause front and center. The clean and engaging layout ensures that visitors are immediately drawn to your shop, projects, and donation opportunities.
  • Responsive and Mobile-Friendly: Eco Green Pro is fully responsive and mobile-friendly, ensuring your website looks stunning and functions flawlessly on all devices, including smartphones, tablets, and desktops.
  • Dedicated Support: With our dedicated support team, you're never alone on your website-building journey. We provide comprehensive documentation, tutorials, and timely support to help you overcome any challenges and make the most out of Eco Green Pro.
  • One-Click Demo Import: Get started quickly by importing our demo content with a single click. You can then customize and modify the content to suit your organization's needs.

2. Template Installation

Using the WordPress admin theme search feature is the simplest Shopby to deploy a free WordPress theme from the WordPress.org themes repository.

  1. Click Dashboard >> Appearance >> Themes

    dashboard >> theme
    dashboard >> theme
  2. Once you're on the Themes page, click the Add New button at the top.

    add new theme
    add new theme
  3. To upload a theme, click the button.

    Upload theme
    Upload theme
  4. Click the Browse button to select your eco-green-pro.zip theme, then click Install Now to proceed.

    Install theme
    Install theme
  1. Connect to your server via FTP after installing and configuring your FTP application. Navigate to the /wp-content/themes/ directory. Once there, upload your theme's folder.
  2. Remember to unzip the theme folder before uploading it via FTP. After the upload is complete, log in to your WordPress admin area and go to Appearance » Themes.
  3. The theme you uploaded should appear in the list. Hover over it and click the Activate button to successfully install and activate your WordPress theme.

3. Theme Setup

Configure the home page template

Set up your home page by following these instructions.


  1. To set a template, create a page: choose "Dashboard" >> "Create a New Page"

    You can label it anything you choose, such as "home." then pick the "home-page" template from the template menu.

    Home Page Template
    Home Page Template
  2. To set the home page: Go to Setting > Reading and select a static page for the Homepage under the Front Page Displays section.

    Set Front Page
    Set Front Page

Set Slider
Set Slider

To set up the slider, adhere to the procedures below.

Select slider Section Settings from Appearance >> Customize >> Theme Settings >> Slider Settings .

You can customise the slider's picture, title, description, and Search section in this area.
You can change how many slides there you want. Additionally, you can change the font family, font weight, font size, and the colors of the headings and subheadings and also settings are given for navigation arrows, and you can also select how many slides you want.

Go to Appearance >> Customize >> Theme Settings >> Contact Info to access the Contact Section settings.


About
About

The following sections are included in the Contact Info customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images 
- Dynamic Content 
- Depending on the content, different font settings.

Go to Appearance >> Customize >> Theme Settings >> About to access the About Section settings.


About
About

The following sections are included in the About customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images 
- Dynamic Content 
- Depending on the content, different font settings.

Go to Appearance >> Customize >> Theme Settings >> Info Section to access the Info Section settings.


Info
Info

The following sections are included in the Info Section customization:
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images 
- Dynamic Content 
- Depending on the content, different font settings.

Go to Appearance >> Customize >> Theme Settings >> Choose Us to access the Choose Us Section settings.


Why Choose Us
Why Choose Us

The following sections are included in the Choose Us customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images 
- Dynamic Content 
- Depending on the content, different font settings.

In this section the content is taken by the Post type named as "Sevices" for any changes of content you'll have to do following steps: 
-> Go to Dashboard
-> Then Select "Sevices" Post Type
-> And there you can edit and add content manually according to your preference and then do publish


Sevices Setup
Sevices Setup
Sevices Setup
Sevices Setup

Go to Appearance >> Customize >> Theme Settings >> Our Services Section to access the Our Services Section settings.


Our Services Section
Our Services Section

The following sections are included in the Our Services Section customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images 
- Dynamic Content 
- Depending on the content, different font settings.

In this section the content is taken by the Post type named as "Products" for any changes of content you'll have to do following steps: 
-> Go to Dashboard
-> Then Select "Products" Post Type
-> And there you can edit and add content manually according to your preference and then do publish


Product Setup
Product Setup
Product Setup
Product Setup

Go to Appearance >> Customize >> Theme Settings >> Product Section to access the Gallery Section settings.


Product Section
Our Product Section

The following sections are included in the Product Section customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images 
- Dynamic Content 
- Depending on the content, different font settings.

Go to Appearance >> Customize >> Theme Settings >> Video Section to access the Video Section settings.


Video Section
 Video Section

The following sections are included in the Video Section customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images 
- Dynamic Content 
- Depending on the content, different font settings.

Go to Appearance >> Customize >> Theme Settings >> Testimonial to access the Testimonial Section settings.


Testimonial Section
 Testimonial Section

The following sections are included in the Testimonial Section customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images 
- Dynamic Content
- Depending on the content, different font settings.

Go to Appearance >> Customize >> Theme Settings >> Events Section to access the Events Section settings.


Events Section
 Events Section

The following sections are included in the Events Section customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images 
- Dynamic Content 
- Depending on the content, different font settings.

In this section the content is taken by the Post type named as "Post" for any changes of content you'll have to do following steps: 
-> Go to Dashboard
-> Then Select "Post" Post Type
-> And there you can edit and add content manually according to your preference and then do publish


Post Setup
Post Setup
Post Setup
Post Setup

Go to Appearance >> Customize >> Theme Settings >> Blog to access the Blog Section settings.


Blog Section
 Blog Section

The following sections are included in the Blog Section customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images 
- Dynamic Content 
- Depending on the content, different font settings.

Newsletter/ Contact Form setup


In this section the contact form is been created named as "Newsletter" or "Contact Page" for any changes of content you'll have to do following steps: 
-> Go to Dashboard
-> Then Select "Contact" or "Contact Page" in that select "Newsletter"
-> And there you can edit and add content manually according to your preference and then if you do publish
-> You'll get the "Shortcode"
-> And then in the same customizer settings of Enquiry Section There is a Option given to type that "Shortcode"
-> By typing that "Shortcode" there you can see that your form is been now updated on your site

Newsletter Form Settings
Newsletter Form Settings

Newsletter Form Settings
Newsletter Form Settings

Newsletter Form Settings
Newsletter Form Settings

Go to Appearance >> Customize >> Theme Settings >> Footer Widgets to access the Enquiry settings.


Newsletter Customizer Settings
Newsletter Customizer Settings

The following sections are included in the Footer Widgets customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images 
- Dynamic Content 
- Depending on the content, different font settings.

Go to Appearance >> Customize >> Theme Settings >> Contact Page Section to access the Footer Text Section settings.


Contact Page
Contact Page

The following sections are included in the Contact Page customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Depending on the content, different font settings.

5. Template & Sidebar Information

Page Template Options:

  • Standard Template
  • Default Page Template with Right Sidebar Position
  • Full Width Page
  • Page Template with One Column (No Sidebar)
  • Left Sidebar on This Page
  • Page Template with Left Sidebar Position
  • Right Sidebar of the Page
  • Page Template with Right Sidebar Position

Blog Options:

  • Full-width Blog
  • Blog Template with One Column (No Sidebar)
  • Blog Template with Left Sidebar
  • Blog Template with Left Sidebar Position
  • Blog Template with Right Sidebar
  • Blog Template with Right Sidebar Position

Contact Template

  • Default Contact Template with No Sidebar Position

6.Posts Information

Adding Category

For more information on adding categories, refer to the following article:

click here
Posts Section
Posts Section

  1. Access your WordPress Administration Panel (Dashboard).
  2. Navigate to the Posts tab in your WordPress Dashboard
  3. After that, go to the Categories for blog entries.
  4. Enter the name of your new category in the field provided.
  5. Then, click the Add New Category option.

Select the Publish option.



Create a Blog posts

Posts Section
Posts Section
  1. Access the WordPress Dashboard.
  2. Select the Posts option.
  3. Select the Add New tab.
  4. Write in your post content. For more information on adding posts, please check the following link
    click here

7. Shortcodes

A shortcode is a powerful tool for generating content.
Shortcodes are simple to use.

For more Information refer to this link click here

First and foremost, ensure that the editing mode is ready to Visual.



8. Custom Widgets


Custom Widget
Custom Widget

9. Support

Welcome to the Support Section! We are here to assist you in making the most out of our WordPress theme. Whether you're facing issues, need guidance on customization, or have general questions, we're here to help.

How to Get Support

  1. Documentation
    Before reaching out for support, we recommend consulting our comprehensive documentation. It covers installation instructions, theme features, customization options, and troubleshooting tips.
  2. Support Forum
    If you haven't found a solution in the documentation or Knowledge Base, our support forum is the next step. You can post your questions, issues, or feature requests in the forum, and our support team, as well as the community, will assist you. Just click on the link provided below:

For Any Time Assistance / Feel Free To Ask , click here