Pet Shop Pro WordPress Theme Documentation
Introduction
Thank you for your purchase of our WordPress Theme. This tutorial shows the entire approach for configuring and managing a WordPress website from start to finish in several sections.
What is WordPress CMS?
WordPress is an open source website creation tool that is built on PHP and MySQL. It is an entirely free content management system (CMS) and a powerful blogging platform. You may create webpages and robust online apps with this CMS. To handle it, you don't need much expertise or technical ability. WordPress has become the most widely used website creation software accessible due to a variety of factors such as its ease of use and versatility.Learn More
What is a WordPress template
A WordPress template serves as a skin for websites built using the WordPress CMS. 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 includes all of the necessary source files, which you may freely alter and expand as you see fit.
Help and Support
Files structure
The template bundle you downloaded is divided into numerous directories. Let's take a look at what's in each folder:
-
Screenshots : Template screenshots are included. Not for use in manufacturing.
-
Theme : includes WordPress theme files.
-
pet-shop-pro_1.0.zip : This folder contains all of the theme's files.
-
license.txt : contains licence information.
-
readme.txt : contain information on the theme's graphics, paths, fonts, and use scripts.
TC Key Activation
The TC Key activation procedure is as follows.
Use the License Key that you will receive through email to activate the licence.
To activate your licence, follow the steps below.
Follow the following Process to Activate License.
Go to the Dashboard Appearance TC Key Activation Enter Key Save Changes.
After Entering The Key Activate Licence.
After you Activate Licence,the key will be active and then you can Getstarted with the Theme.
You can activate your Licence Key in this manner.
Template Installation
The installation of a template is a simple process.
Step 1. Theme Installation
The first step is to log in to your WordPress admin area. After that, click on
Go to the menu Appearance Themes
Once on the themes page, click the Add New button at the top.
Click the Upload Theme button.
Click on Browse Button then select your tc-ecommerce-shop_pro.zip theme and click on Install Now Button..
WordPress will now install your theme and provide a success message along with a link to activate or live preview it.
Congratulations, your theme have been successfully installed!
Step 2. Install a Theme using FTP
Theme FTP uploads are your second distribution choice. For this procedure, you must first access your website through FTP and navigate to the wp-content/themes folder where your themes are stored. Do not upload anything other than the extracted Total folder from the theme file you received.
once you've logged in to your WordPress website, go to Appearance Themes to activate Total.
Plugin Installation
Plugins allow for the expansion and improvement of the functionality that comes with WordPress by default.
Install Required Plugins:
pet-shop-pro-posttype Plugin , woocommerce,contact-form-7 plugin
Go to Dashboard >> plugin >> Add New >> Upload plugin.
To upload and enable, select the button
Section Color / Font Palette
The procedure for changing the colour or font is very simple. All of the customizer's sections have these choices available. You may see the entire picture to see the colour and font pallet. You may change the font and colour of the buttons, paragraphs, and headings with a single click or quick glance.
Depending on how many options are accessible in a given part, each individual section has the ability to customise the colour scheme for the headings, title and text, paragraphs, button text, and button background.
Default Color / Font settings
How to set up homepage
After enabling the theme, when you visit your website, the index page containing the most recent article will be displayed. In order to display the entire demo area on your front page, you must now configure the main page template.
Setup Home Page Template
Set up your home website by following these directions.
1. Create Page to set template : Go to Dashboard Pages Add New Page.
2. Set the front page: Go to Setting Reading A static main website should be selected as the front page show.
As soon as you're finished, you can view the front page's entire sample of the material.
Section Ordering
How to Arrange and Reordering Section
To arrange the section as needed is what section rearranging essentially entails. Drag the segment to the top, bottom, or other desired location to continue with this part. When you drag a portion up or down, your front view will adjust based on the customizer's settings.
You can rearrange sections by simply dragging and dropping the choices into the positions you desire.
Section Ordering will continue as planned.
Step 1 - Go to Appearance >>Theme Settings >> Section Ordering
Setup Header section
-
You may organise the topbar with the aid of this section.
-
Step 1 - Go to Dashboard >> >> Appearance >> Customize >> Header section
-
Step 2 - Go to Dashboard >> Pages >> add new page with the inclusion of a picture, if you wish, and assign the page to that area. To create more pages to allocate to the same area, repeat this process several times.
-
Step 3 - Go to create a new menu as show in below image.
-
Step 4 - Click on Dashboard >> >> Appearance >> Customize >> Site Identity
-
Step 5 - Enter menu name and click on Create Menu as shown in below image.
-
Step 6 - From the left Side, choose Pages like Latest Blog, Pages, and About Us. Then, click the Add to Menu option as seen in the image below.
-
Step 7 - Select the menu location after choosing the pages, then click "Save Menu."
Setup Slider
Slider setup requires the following steps.
Go to Appearance Customize Theme Settings Slider Settings. .
-
Setting Options : Contains options for enabling and disabling the display of the Slider Section.
-
Number Of Slide To Show : Make it possible for you to choose how many slides to display.
-
Slider Image : The slider's pictures can be changed here.
-
Slide Title : To set the title on the slider, click here.
-
Slide Description : The slider description may be added here.
-
Slider Button Appointment : Instead of an appointment, you may add a text box here.
-
Slider Button Read More : Instead of clicking Read more here, you may put a Text on Button.
-
Slide Link : Link to the appropriate buttons can be included here.
-
Slider Heading Color and Font Family options : has settings for the heading's colours and the family of the typeface used.
-
Slider Text Color and Font Family : includes text colour selections and information about the font family.
-
Slider Button Color and Background Color (next/previous): Offers colour choices for the font family, background, and font itself.
-
Slider Button Color and Background Color (Appointment/Read more): contains colour choices for the font's family, background, and both.
-
Slider Button Hover Color : Contains choices for the button's colour when hovered over.
Visit the Navigation menu to learn more.
Pet Supplies
In this area, five tabs with sliding products are available. Different products are displayed on each Tab. Products can be added here. You have the option of adding the product name, image, usual price, and sale price. Here, you may give a product a rating and use the shopping cart feature.
To access the section on pet supplies, click here.
Go to Appearance Customize Theme Settings Pet Supplies. .
The following points can be set in this section:
Go to Dashboard Product Add New
Once you've acquired items and added new ones, you may configure the details for each one, including its name, its description, its usual price, its discount price, its image, its gallery, and the category in which it should be shown.
Our Services
The Posts listed below are for pet-related services. accessible on the Dashboard is the pet services option. Installing the Posy type plugin, which is accessible with the dashboard, is necessary to add content and services. The focus.
As a way to continue Our Service section,
Go to Appearance Customize Theme Settings Our Services..
Here you can Change the Post title, Image and Content.
Gallery Section
[galleryshow gallery="252" numberofitem="10"]
In this section you have two Rows. In first row you have Banner Image For gallery image. In second column you have Gallery Images. In this section you have a Gallery Images.
As a way to continue Setup Gallery Section,
Go to Appearance Customize Theme Settings Gallery Section..
The following points can be set in this section:
Our Team
As a way to continue Our team section,
Go to Appearance Customize Theme Settings Our Team
As a way to continue Setup Our Team Section,
The Our team Title field in this section can be customised:
Why Choose Us
In this section you have Heading Content and button to display Information About Why choose us which can be changed through the customiser.
As a way to continue Why choose Us Section,
Go to Appearance Customize Theme Settings Why Choose Us..
In this section you can set the following points;
Testimonial
As a way to continue Our team section,
Go to Appearance Customize Theme Settings Testimonial
You must first install the post type plugin before writing testimonial articles from the dashboard.
Go to Appearance Customize Theme Settings Testimonial.
Through the customizer in this area, you may adjust the following parameters:
Our Blog
The slider for your articles in this part allows you to post blogs. For Our Blog, you may upload an image, describe it, and specify the member's name and role.
As a way to continue What People Say Section,
Go to Dashboard Post Add New.
A blog's title must be added before the blog can be added. You may set your blog's picture and write a description.
Go to Appearance Customize Theme Settings Our Blog..
The heading, background image, and background colour of this section are all programmable.
Footer
In the footer, there are four columns. There are various elements to display in each section. These areas will be configured from the widget portion of the admin panel. You can change the gadget by including any additional widgets.
As a way to continue Footer section,
Go to Appearance Customize Theme Settings Footer..
Footer Text
As a way to continue Footer section,
Go to Appearance Customize Theme Settings Footer Text..
You enter all the copyright text that will appear in this section here.
Contact
As a way to continue Contact section,
Go to Appearance Customize Theme Settings Contact..
Theme Plugin
How to set up Pet Shop Pro Post Type Plugin
1. First, you need to download the plugin from the source (which will be a zip file (pet-shop-pro-post-type.zip)). Next, you need to go to WordPress admin area and visit Plugins Add New .
2. After that, click on the Upload Plugin button on top of the page.
3. This will bring you to the plugin upload page. Here you need to click on the choose file button and select the plugin file you downloaded earlier to your computer.
After you have selected the file, you need to click on the install now button.
WordPress will now upload the plugin file from your computer and install it for you. You will see a success message like this after installation is finished.
Once installed, you need to click on the Activate Plugin link to start using the plugin.
Posttype Configuration
There are three register posttype namely: Our Team, Testimonials and Pet Services on the Dashboard. This will help you to setup team and testimonail Sections.
1. Our Team
In order to showcase your "Our Team" section on your home page
Go to Dashboard:-> Our Team >> Add New
Fill the details event name,description, and it's featured images.
Go to Appearance-> Customize ->-> Theme Settings >> Our Team
it will appear like this on your front page.
2. Pet Services
You should highlight your "Pet Services" section on your About Us page
Go to Dashboard:-> Pet Services >> Add New
The event's name, description, and featured photos should be filled in.
On your front page, it will display as shown.
3. Testimonial
Similarly Follow the steps below to display your testimonial.
Go to Testimonial >> Add New Post
Name, description, and featured photos for the event should all be filled in.
Go to Appearance-> Customize ->-> Theme Settings >> Testimonials
On your front page, it will look like this.
TC Gallery Images
Similarly Follow the instructions below to display your gallery images.
Go to Testimonial >> Add New Post
Add Images To do so click on Add Image(s).
Go to Appearance-> Customize ->-> Theme Settings >> Gallery
Write a shortcode using the customizer, and you can also choose how many images should be displayed in a gallery.
In addition, one may alter the arrangement of the gallery pages.
for example, build a new page and enter the shortcode there.
On your front page, it will look like this.
TC Title Banner
Follow the instructions below to display your banner image.
Go to Pages >> select page
On your front page, it will display as shown.
Setup Navigation
To better understand, view this graphic.
Page Templates and Sidebars
Page Templates
Posts, Categories and Post Formats
Adding category
Review the following article for more information on adding categories: http://codex.wordpress.org/Manage_Categories_SubPanel
Click the Publish button.
Creating a Blog post
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.
All available shortcodes are conditionally divided into these groups:
Team Shortcode -
-
Go to Dashboard >> Page
-
Click Add New button
-
Add Team Shortcode
-
Select Default template at right bottom of page
-
click publish button
-
Used Team [tc-pet-shop-pro-Team] shortcode in page
Step 1-
Step 2 -
After adding shortcode Team look
Testimonial Shortcode -
-
Go to Dashboard >> Page
-
Click Add New button
-
Add Testimonial Shortcode
-
Select Default template at right bottom of page
-
click publish button
-
Used Testimonial [tc-pet-shop-pro-Testimonial] shortcode in page
Step 1-
Step 2 -
After adding shortcode Testimonial look
Services Shortcode -
-
Go to Dashboard >> Page
-
Click Add New button
-
Add Service Shortcode
-
Select Default template at right bottom of page
-
click publish button
-
Used Team [tc-pet-service] shortcode in page
Step 1-
Step 2 -
After adding shortcode Services look
Custom Widgets
In order to procced with this section,
- Go to Dashboard >> Appearance >> Widgets
- Footer One
- Footer Two
- Footer Three
- Footer Four
- Click on "save" button
Step 1-
Step 2.Select Footer-
Final display of Footer Section
How to Setup Additional Theme Add Ons
1.In the beginning, you must obtain the component from the source (which will be a zip file). ( Post Type plugin.zip). The WordPress admin section is where you must next go and visit Plugins ยป Add New page
2.The next step is to select the Upload Plugin icon at the top of the screen.
3.The plugin file screen will appear after you click this. You need to pick the plugin file you downloaded previously to your device by clicking the choose file button here.
4.The load now option must be clicked after you have chosen the file.
5.Your computer's plugin file will now be uploaded to WordPress, where it will be installed. After the installation is complete, you will see a notification of accomplishment similar to this.
6.Once installed, you need to click on the Activate Plugin link to start using the plugin.
Gallery-Images
Once you activate this plugins you will find the Gallery on the Dashboard.
Click on Add new gallery button. And add the title. Add the number of images to show in a gallery.
Once you have done with adding gallery images. Use the following shortcode to make your gallery appear on a particular page you want simply by replacing the gallery post_id in the Gallery shorthcode.
Thats It! Now you can view your page to see the gallery images....
