You're welcome for purchasing our WordPress theme. This documentation's several sections each demonstrate how to set up and administer a WordPress website from scratch.
What is WordPress CMS?
WordPress is an open source website creation tool that uses PHP and MySQL as its foundation. It is a robust blogging platform and a totally free content management system (CMS). Using this CMS, you may create reliable online applications and websites. To manage it, you scarcely need any technological expertise or understanding. Because of its many benefits, including ease of use and flexibility, WordPress has emerged as the most popular website construction tool on the market.Learn More
What is a WordPress template
A WordPress template serves as the skin for websites built using the WordPress content management system. A WordPress template is incredibly simple to setup. You may quickly modify 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 change and expand it however you see fit.
File Structure
The template bundle that you downloaded is divided into various directories. Let's examine the contents of each folder:
Screenshots
-contains a screenshot of a template. Not for manufacturing.
theme
-files for the WordPress theme
"grocery-pro"
- All of the files required for the theme are in this folder.
"license.txt"
-includes licence information
"readme.txt"
-provide details on the theme's image paths, font usage, and script usage.
Template Installation
The process of installing a template is very straightforward and easy. The installation process can be done in two ways
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."
2. Once you are on the themes page, click on the "Add New" button located at the top of the page.
3. To upload a theme, click the button.
4. Choose your grocery-pro.zip theme by clicking the Browse button, and then click the Install Now button.
Congrats! Your theme has been installed successfully.
TG KEY ACTIVATION
The steps for activating a TG Key are as follows.
Given that you will receive the License Key via Email, use that key to Activate License.
Follow the following Process to Activate License.
Go to Dashboard >> Appearance >> TG Key Activation >> Enter Key>>Activate.
After Entering The Key >> Activate Licence.
Section Color/Font Pallette
The method of changing the colour or font is quite simple. These choices are available in all customizer areas. It is a comprehensive graphic that demonstrates the typeface and colour palette. You can change the colour and font of the headings, paragraphs, and buttons with a single click.
Depending on the number of options accessible in each area, there is an option to change the colour scheme for the headings, title/text, paragraphs, button text, and button background.
Default Color/Font settings
Fetch Demo content
This theme supports the standard Site Identity area that WordPress provides, and we have added some options to this section.
Set up your home page by following these instructions.
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.
2. Set the front page: Go to Setting -> Reading --> Set the front page display static page to home
When you're finished, you can view the entire demo on the top page.
How to set up Home Page
Setup Site Identity
In order to continue, Site Identity ,
Go to Appearance >> Customize >> Site Identity
Setup Top Bar
In order to continue, top bar Section,
Go to Appearance >> Customize >> Theme Settings >> Top Bar section
To set up Our top bar section, simply adhere to these directions.
Do you want this section: Includes options to enable or disable the top bar display.
Add Background Color: Here, you can enter a background colour, which will be seen on your website.
Add Background image: Here, you can upload a background picture that will show up on your page.
Add Section Heading Color: You can change the colour of the section headings here, and your website's top bar will display it.
Add Section Heading Fonts: Here, you can add section header typefaces that will be shown on your website.
Add top bar Box Title Color: The top bar Section Box Title Color of your website will be displayed when you enter the Services Box Title Color here.
Add top bar Section Box Title Fonts: Your website's top bar Section Box Title Fonts will be shown once you enter Cources Box Title Fonts here.
Add Box Background Color: On your website, the background colour of the box you add will be visible.
Add top bar Section Title: The Section Title of your website will appear in the top bar if you enter one.
Add top bar Section Description: The description you enter here will appear on your website's top bar.
Setup Header
In order to continue, Header section,
Go to Appearance >> Customize >> Theme Settings >> Header section
Output:
To format your header section, follow these instructions.
Do you want this section: options to show or hide the header search
Header Background Color: Here, you can enter a background colour, which will be seen on your website.
Add Menu Color: Any colour you add to this menu will be visible on your website.
Add Menu Item Fonts: The Menu Item Fonts that you add here will be seen in the header section of your website.
Setup Slider
To set up the slider, adhere to the procedures below.
Go to
Appearance >> Customize >> Theme Settings >> Slider Settings
Setting Options : Includes settings for Slider display
enable/disable option. With this setting, you can
enable/disable this section. This environment is crucial. Choose the enable option to make this section visible on your website; otherwise, choose the disable option to keep visitors from seeing it.
Number of Slider To Show: Allow you to choose how many sliders to display.
Slider Image: Allow you to choose how many sliders to display.
Slider Heading Title:
The title of the slider may or may not be displayed here.
Slider Text: It allows you to set the text to be displayed on silder image
Slider Heading Color: Permit setting the slider's header colour.
Slider Heading Fonts: This option allows you to change the typeface that is used for the Slider header.
Slider Text Color: You can choose the colour of the slider text with this option.
Slider Text Fonts: This option allows you to change the typeface that is used for the Slider header.
Button Text Fonts: Using this option, you can pick a different typeface for the button text.
Feature Block Settings
In order to continue, Feature Block Settings,
Go to Appearance >> Customize >> Theme Settings >> Feature Block Settings
Our Order Section
In order to continue, Our Order Section,
Go to Appearance >> Customize >> Theme Settings >> Our Order Section
Build the Our Order section using these recommendations.
Do you want this section: includes options to enable or disable the Our Order display.
Add Background Color: Here, you can add a background colour, and your website will show it if you do.
Add Background image: Here, you can upload a background picture that will show up on your page.
Add Main Heading: You could say Main
The Our Order section of your website will have a header.
Our Order Image: If you place the "therapy Us" graphic here, your website will show the "Our Order" visual.
Add Our Order Details Title: Your website's Our Order Section Title will appear when you enter the Our Order Us Details Title here.
Setup Category Section
In order to continue, Category Section,
Go to Appearance >>Customize >> Theme Settings >> Category Section
Setting Options: includes options for enabling and disabling the display of the Category Section.
Add Background Color: Here, you can enter a background colour, which will be seen on your website.
Add Background image: Here, you can upload a background picture that will show up on your page.
Add Main Heading : You can put a main heading here that will be displayed in your site's introduction section.
How We Work Text This text can be added and shown in your site's introduction section.
No of Phases: You can add No of Phases here.
Setup Best Seller Section
In order to continue, Best Seller Section,
First activate "Woocommerce" plugin. Then only you can see this section
In order to setup the following section go to Dashboard -> Products -> Add New
Go to Appearance >>Customize >> Theme Settings >> Best Seller
Follow these instructions to setup Best Seller Section.
Setting Options: includes options to activate or disable the display of the What Do We Do sections.
Add Background Color: Here, you can enter a background colour, which will be seen on your website.
Add Background image: You can upload a background image here, and your site will display it.
Main Heading: You can add a main heading here, and it will appear in the website's "What We Do" section.
Setup Product Banner Section
In order to continue, Product Banner ,
1. Go toAppearance -> Customize -> Theme Settings ->Product Banner
You can add a main heading here, and it will appear in the website's "What We Do" section.
Setting Options: Includes options for enabling and disabling the display of product banners.
Add Background Color: Here, you can enter a background colour, which will be seen on your website.
Add Background image: Here, you can upload a background image that will be shown on your website.
Main Heading: You can put a main heading here, and it will appear in the website's section for product banners.
Key Fact Icon : You can add a Key Fact Icon here, and it will appear in your site's Product Banner Section.
Key Fact Title : The Product Banner Section of your website will display the Key Fact Icon and the Key Fact Title that you enter here.
Setup Limited Stock Section
First activate "Woocommerce" plugin. Then only you can see this section
In order to setup the following section go to Dashboard -> Products -> Add New
Setting Options: Includes options for turning on and off the display of the countdown timer.
Background Color: The background colour of this section can be changed using this feature.
Background Image: In this section, you have the option of setting a background image.
Section Title: You may customise the title of this section using this option. As seen in the screenshot above, the title is Why Chooses Us; using this option, you can change the title.
Setup Arrival Product Section
In order to continue, Arrival Product Section Section
First activate "Woocommerce" plugin. Then only you can see this section
In order to setup the following section go to Dashboard -> Products -> Add New
Go to Appearance -> Customize -> Theme Settings -> Arrival Product Section
Setting Options: Includes options for enabling and disabling Arrival Product Section display.
Background Color: The background colour of this section can be changed using this feature.
Background Image: In this section, you have the option of setting a background image.
Main Heading: You may choose the Primary Heading for this section using this option. As shown in the screenshot above, you can also use this option to specify the Primary Heading.
Setup Join Now Section
Setting Options: Includes options for enabling and disabling the Join Now display.
Background Color: The background colour of this section can be changed using this feature.
Background Image: In this section, you have the option of setting a background image.
Main Heading: You may choose the Primary Heading for this section using this option. As shown in the screenshot above, you can also use this option to specify the Primary Heading.
Product Category
First activate "Woocommerce" plugin. Then only you can see this section
In order to setup the following section go to Appearance -> Customize -> Theme Settings -> Product Category
Please choose the desired category, and products will then be shown according to that category.
Setting Options: Includes options to enable or disable the display of Product Category.
Background Color: The background colour of this section can be changed using this feature.
Background Image: In this section, you have the option of setting a background image.
Main Heading: You may choose the Primary Heading for this section using this option. As shown in the screenshot above, you can also use this option to specify the Primary Heading.
Banner Box Settings
First activate "Woocommerce" plugin. Then only you can see this section
Go to
Appearance -> Customize -> Theme Settings ->Our Commitment
In order to continue, Our Banner Box Section
Setting Options: includes options for enabling and disabling the display of Our Banner Box Section.
Background Color: The background colour of this section can be changed using this feature.
Background Image: In this section, you have the option of setting a background image.
Main Heading: You may choose the Primary Heading for this section using this option. As shown in the screenshot above, you can also use this option to specify the Primary Heading.
Setup Limited Stocks Section
In order to continue, Limited Stocks Section,
Go to Appearance -> Customize -> Theme Settings -> Product Slider Settings
To set up a Limited Stocks Section, follow these directions.
Setting Options: Includes options for enabling and disabling the display of the Limited Stocks Section.
Background Color: The background colour of this section can be changed using this feature.
Background Image: In this section, you have the option of setting a background image.
Main Heading: You may choose the Primary Heading for this section using this option. As shown in the screenshot above, you can also use this option to specify the Primary Heading.
Setup Limited Offers Section
First activate "Woocommerce" plugin. Then only you can see this section
In order to setup the following section go to Dashboard -> Products -> Add New
Go to
Appearance -> Customize -> Theme Settings ->Limited Offers Settings
Setting Options: Includes options for enabling and disabling the display of Limited Offers.
Background Color: The background colour of this section can be changed using this feature.
Background Image: In this section, you have the option of setting a background image.
Main Heading: You may choose the Primary Heading for this section using this option. As shown in the screenshot above, you can also use this option to specify the Primary Heading.
Setup testimonials Section
First activate "tg-grocery-pro-posttype" plugin. Then only you add testimonials
Go to
Appearance -> Customize -> Theme Settings ->testimonials Section
In order to setup the following section go to Dashboard -> testimonials -> Add New
In order to continue, testimonials
Setting Options: Includes options to allow or deactivate the display of testimonials.
Background Color: The background colour of this section can be changed using this feature.
Background Image: In this section, you have the option of setting a background image.
Main Heading: You may choose the Primary Heading for this section using this option. As shown in the screenshot above, you can also use this option to specify the Primary Heading.
Setup Blog Section
In order to continue, Recent Blog ,
Go to dashboard -> Post -> Add New
Create a segment from the most recent blog section.
Go to the following link to set up the section. Appearance -> Customize -> Theme Settings -> Recent Blog Section
Setting Options: Includes options to enable or deactivate the display of recent blog posts.
Background Color: The background colour of this section can be changed using this feature.
Background Image: In this section, you have the option of setting a background image.
Main Heading: You may choose the Primary Heading for this section using this option. As shown in the screenshot above, you can also use this option to specify the Primary Heading.
Setup Sign-up To Newsletter For Discounts! Section
In order to continue, Sign-up To Newsletter For Discounts!
Go to dashboard -> Newsletter -> Add New
Setup section From Newsletter Section
In order to setup the following section go to Appearance -> Customize -> Theme Settings -> Newsletter
Setting Options: Includes options for enabling and disabling Newsletter display.
Background Color: The background colour of this section can be changed using this feature.
Background Image: In this section, you have the option of setting a background image.
Main Heading: You may choose the Primary Heading for this section using this option. As shown in the screenshot above, you can also use this option to specify the Primary Heading.
Setup Post General Settings
In order to continue, Post General Settings ,
Go to Appearance -> Customize -> Theme Settings -> Post General Settings
Show or Hide Post Date: You have the option to Display or Hide the Post Date here.
Show or Hide Post Comments: You have the option to Display or Hidden Post Comments below.
Show or Hide Post Share Icons: You have the option to Display or Hide Post Sharing Icons here.
Post Share Facebook: You can adjust the Post Share Facebook setting here.
Post Share Linkedin: If you would like, you can set the Post Share Linkedin option here.
Post Share Twitter: You may choose to configure the Post Share Twitter option here.
How or Hide Post Category You have the option to choose How or Hidden Post Category here.
Setup Contact Section
In order to continue, Contact,
Go to dashboard -> Contact -> add new
Go to Appearance >> Customize >> Theme Settings >>Contact Section
Follow these instructions to setup Contact Section.
Contact Heading Color: You may change the Contact Header Color here.
Contact Heading Fonts: The Contact Header Fonts can be set here.
Contact Content Color: The Contact Content Color can be changed here.
Contact Content Fonts: The Contact Content Fonts can be changed here.
Background Color: If you'd like, you may set the Background Color of Contact here.
Background image: If you'd like, you can set the background image for contacts here.
Do you want this section: This section allows you to enable/disable this section altogether. If you decide that you do not want this area on your website, simply select the deactivate option, and the section will be removed. And if you want this lovely area to show up on your website, just enable it, and it will.
Map Latitude: You can enter the map's latitude here.
Setup Footer Text
In order to continue, Footer Text,
Go to Appearance >> Customize >> Theme Settings >>Footer Text
To set up the Footer Text Section, follow these directions.
Content Color: Here, you can change the footer's content colour.
Content Fonts: You may customise the footer's content fonts here.
Setup Footer Section
In order to continue, Footer,
Go to dashboard -> Widgets
Go to Appearance >> Customize >> Theme Settings >>Footer
Follow these instructions to setup Footer Section.
Do you want this section: This section allows you to enable/disable this section altogether. If you decide that you do not want this area on your website, simply select the deactivate option, and the section will be removed. And if you want this lovely area to show up on your website, just enable it, and it will.
Footer Heading Color: Here, you can change the footer's header colour.
Footer Heading Fonts: Here, you can customise the footer's heading fonts.
Footer Content Color: You may modify the footer's footer content colour here.
Footer Content Fonts: The Footer Content Fonts can be modified here.
Background Color: If you'd like, you may change the background colour of the footer here.
Background image: Here, if you'd like, you can change the footer's background image.
Go to Appearance -> Customize -> Theme Settings -> Faq Page Settings
Plugins
With plugins, you can increase and expand the functionality of WordPress.
How to activate plugins
If you want these features in your theme, you must activate the plugin. In order to activate the plugin in your theme, follow these instructions.
Go to Plugins >> Installed Plugins >>tg-grocery-pro-posttype>>Activate
After you activate the plugin, four additional choices, namely Testimonials, appear in your admin navigation. Because the plugin is active, you may see these four options in the image's admin navigation.
Once you enable the plugin, these four sections are instantly added to your website. This is a screen image of the same.
You can see that some sections have been added, but their contents are missing. Use these guidelines when adding content to these sections.
Plugin "tg-grocery-pro-posttype" must first be activated. Only you can then add Testimonials.
To add testimonials., Go to testimonials. >> Add new
You can add a logo and their URL to these sections, which are immediately posted in testimonials, using the testimonial Meta option that you can see in the screenshot. based on the testimonies and photographs you submit.
With the option to "Allow Comment," you can also add comments.
You can now include the testimonies' titles. The description as displayed in the top picture
You can set up Our Project in this manner.
Setup Navigation
First of all create pages from go to Pages >> Add new page.
Go to Appearance >> Menu
Click on Create a new menu link
Give your menu a name in Menu name, then click the Save Menu button.
After creating a menu. Pages must be added by checking the appropriate boxes. You can drag and drop the menu list into place after adding it.
Choose the position of the menu theme from the checkboxes below.
See this screenshot for better understanding.
Page Templates and sidebars
Page Templates
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 (the default Contact template with no sidebar position)
Home Page (the default home page template with right sidebar position)
A shortcode is an effective tool for creating content. http://codex.wordpress.org/Shortcode. Shortcodes are easy to use. First of all, make sure that the editing mode is set to Visual.
Examine the list of shortcodes included with the themes:
