Veterinary Pet Care Pro Theme Documentation

Help and Support

Click here for support:
Support

File Structure

The template package you have downloaded consists of several folders. Let's see what each folder contains:

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

Template installation is very easy process. The installation process can be done in two ways

1-Install a theme using wordpress admin

First thing you need to do is to login to your WordPress admin area. Next, click on

1.Go to the menu Appearance >> Themes


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


3. Once you are on the themes page, click on the Add New button at the top.


4.Click on upload theme button.


5.Click on Browse Button then select your Veterinary-Pet-Care-Pro.zip theme and click on install now button.


Congratulations your theme have been successfully installed

2-Install a Theme using FTP

Your second installation option is to upload the theme via FTP. For this method first log into your site via FTP and browse to your folder located at wp-content/themes. Unzip the theme file you downloaded and upload only the extracted Total folder to your server.


Next log into your WordPress site and navigate to Appearance >> Themes to activate Total.

Plugin Installation.

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

Install Required Plugins:

veterinary pet care pro posttype ,gallery-images ,contact form7 plugin

Go to Dashboard >> Plugins >> Add new >>Upload plugin.

click on the install now button and activate.

One-Click Demo Content Importer

Import demonstration content with one click to get your theme setup. This content will guide you through building your website for website creation.

Go to Dashboard >> Appearance >> Get started

Before started "Run Importer" first you need to installed "Veterinary Pet Care Pro posttype" plugin,contact form7 and woocommerce

Click on"Run Importer".

Section Color/Font Pallette

Color/Font is very easy process. We have given these options in all sections of customizer. It is a complete image to show you about color and font pallete. At a single glance of click you can set the color and fonts of the Headings,Paragraph and Buttons

Every individual section have an option to set the color pallete for Headings,Title/Text,Paragraph,Button Text and Button Background depending upon the number of option that are available in that respective section

Default Color/Font settings

Fetch Demo content

This theme supports the default Site Identity section provided by the WordPress and we have integrated some options in this theme in this section.

Follow these instructions to setup Home page.

  • 1. Create Page to set template: Go to Dashboard >> Pages >> Add New Page.

    Label it "home" or anything as you wish. Then select template "Home page" from template dropdown.



  • 2. Set the front page: Go to Setting -> Reading --> Set the front page display static page to home


  • Once you have done with this you can see all the demo content on front page.

How to set up Home Page

Setup Site Identity

In order to proceed with Site Identity ,

Go to Appearance >> Customize >> Site Identity



Setup Top Bar



In order to proceed with top bar Section,

Go to Appearance >> Customize >> Theme Settings >> Top Bar section



Follow these instructions to setup Our top bar section

  • Do you want this section: Includes settings for top bar display enable / disable option.
  • Add Background Color: You can add Background Color here and the Background Color will be displayed of your site.
  • Add Background image: You can add Background image here and the Background image will be displayed of your site.
  • Add Button Text: You can add Button Text here and Button Text will be displayed in top bar Section section of your site.
  • Add Topbar Button Color: You can add Topbar Button Color here and the Topbar Button Color will be displayed of your site.
  • Add Topbar Button Font: You can add Topbar Button Font here and the top bar Topbar Button Font will be displayed of your site.
  • Add Topbar Icon Color: You can add Topbar Icon Color and the Topbar Icon Color will be displayed of your site.

Setup Header

In order to proceed with Header section,

Go to Appearance >> Customize >> Theme Settings >> Header section



Follow these instructions to setup Header section

  • Do you want this section: Includes settings for Header Show or Hide Search
  • Header Background Color: You can add Background Color here and the Background Color will be displayed of your site.
  • Add Menu Color: You can add Menu Color here and the Menu Color will be displayed of your site.
  • Add Menu Item Fonts: You can add Menu Item Fonts here and the Menu Item Fonts will be displayed in Header Section of your site.

Setup Slider



Follow the below steps to setup the slider

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 is very important setting. If you want this section to appear on your website, just let the option be enabled and if you don't want this section to appear on your website, you can select disable and this section will disappear from your website.
  • Number of Slider To Show: Allow you to select no. of slider you would like to display.
  • Slider Image: Here you can set the images for slider.
  • Slider Heading Title: Here, you can set the title to be displayed on slider.
  • Slider Text: It allows you to set the text to be displayed on silder image
  • Slider Heading Color: Allow you to set the heading color of slider.
  • Slider Heading Fonts: You can set the font of Slider heading with this option.
  • Slider Text Color:This option allows you to set the color of slider text.
  • Slider Text Fonts: You can set the font of Slider heading with this option.
  • Button Text Fonts: You can set the font of button text with this option.

Setup Pets Collection Section

In order to proceed with Pets Collection,

Before creating Pets Collection Section, we need to add the categories. For adding categories.

In order to setup this section first you have to install "Woocommerce" plugin.

Go to Dashboard >> products >> Categories >> Add new category






In order to proceed with Pets Collection,

Go to Appearance >> Customize >> Theme Settings >> Pets Collection







Follow these instructions to setup Pets Collection section

  • Do you want this section: Includes settings for Pets Collection Ssection display enable / disable option.
  • Add Background Color: You can add Background Color here and the Background Color will be displayed of your site.
  • Add Background image: You can add Background image here and the Background image will be displayed of your site.
  • Add Main Heading: You can add Main Heading will be displayed in About Ssection of your site.
  • Add Pets Collection Image: You can add Pets Collection Details Image here and the About Us Image will be displayed of your site.
  • Add Pets Collection Details Title: You can add About Us Details Title here and the Pets Collection Details Title will be displayed of your site.

Setup About Pet



In order to proceed with About Pet Section,

Go to Appearance >> Customize >> Theme Settings >> About Pet





  • Setting Options: Includes settings for courses display enable / disable option.
  • Add Background Color: You can add Background Color here and the Background Color will be displayed of your site.
  • Add Background image: You can add Background image here and the Background image will be displayed of your site.
  • Add Main Heading : You can add Main Heading here and displayed in who we are Section of your site.
  • How About pet Text You can add How We Work Text here and displayed in who we are section of your site.


Setup Our Services




First activate "Veterinary-Pet-Care-Pro-posttype" plugin. Then only you add Services

In order to setup the following section, follow the below steps

1. Go to Dashboard -> service -> Add New



2. Add the Our Services Section, Go to Appearance -> Customize -> Theme Settings -> Our service







Follow these instructions to setup Our Services Section.



  • Setting Options: Includes settings for courses display enable / disable option.
  • Add Background Color: You can add Background Color here and the Background Color will be displayed of your site.
  • Add Background image: You can add Background image here and Background image will be displayed of your site.
  • Main Heading: You can add Main Heading here and Main Heading will be displayed in What Do We Do Section of your site.




Setup Fun Facts




In order to proceed with Fun Facts ,

1. Go toAppearance -> Customize -> Theme Settings -> Fun Facts








Follow these instructions to setup Fun Facts Section.



  • Setting Options: Includes settings for courses display enable / disable option.
  • Add Background Color: You can add Background Color here and the Background Color will be displayed of your site.
  • Add Background image: You can add Background image here and Background image will be displayed of your site.
  • Main Heading: You can add Main Heading here and Main Heading will be displayed in fun Facts Section of your site.
  • Fun Fact Icon : You can add fun Fact Icon here and fun Fact Icon will be displayed in fun Facts Section of your site.
  • Fun Fact Title : You can add fun Fact Title here and fun Fact Title will be displayed in fun Fact Section of your site.
  • Fun Fact Text : You can add fun Fact text here and fun Fact text will be displayed in fun Fact Section of your site.



Setup Our Team



First activate "Veterinary-Pet-Care-Pro-posttype" plugin. Then only you can add Our Team

In order to setup the following section go to Dashboard -> Our Team -> Add New




You can add Designation of our Team here

Designation: You can enter Designation of Team person here.




Go to Appearance -> Customize -> Theme Settings -> Our Team





In order to proceed with our team

  • Setting Options: Includes settings for Team display enable / disable option.
  • Background Color: It allows you to set the background color of this section.
  • Background Image: It allows you to set background image in this section.
  • Main Heading: This option allows you to set the Main Heading of this section. As you can see in screenshot above, likewise you can set the Main Heading with the help of this option.

Setup Pets Gallery



First activate " gallery-images" plugin. Then only you can add Pets Gallery

In order to setup the following section go to Dashboard -> Gallery -> Add New Gallery

For better understanding reffers the shortcode




Go to Appearance -> Customize -> Theme Settings ->Pets Gallery







Setup Products Category

In order to proceed with Products Category ,

Before creating Products Category Section, we need to add the categories. For adding categories.

In order to setup this section first you have to install "Woocommerce" plugin.

Go to Dashboard >> products >> Categories >> Add new category






In order to proceed with Products Category,

Go to Appearance >> Customize >> Theme Settings >> Products Category




Follow these instructions to setup Products Category section

  • Do you want this section: Includes settings for Products Category display enable / disable option.
  • Add Background Color: You can add Background Color here and the Background Color will be displayed of your site.
  • Add Background image: You can add Background image here and the Background image will be displayed of your site.
  • Add Main Heading: You can add Main Heading will be displayed in About Ssection of your site.
  • Numbers of category Show: You can add Numbers of category here and the Numbers of category will be displayed of your site.
  • Add product category Text: You can add product category Text here and the product category sections will be displayed of your site.

Setup Pets Video



Go to Appearance -> Customize -> Theme Settings ->Pets Video





Add this URL for video Section to display video.





For the video

You have to copy source from embed code of youtube video.

You will need to replace the URL present in the video Section with your specific video.

Setup Pricing Plans





In order to setup the following section go to Appearance -> Customize -> Theme Settings -> Pricing Plans






In order to proceed with Pricing Plans

  • Setting Options: Includes settings for Team display enable / disable option.
  • Background Color: It allows you to set the background color of this section.
  • Background Image: It allows you to set background image in this section.
  • Main Heading: This option allows you to set the Main Heading of this section. As you can see in screenshot above, likewise you can set the Main Heading with the help of this option.
  • Pricing Plans Title: This option allows you to set the Pricing Plans Title of this section. As you can see in screenshot above, Pricing Plans Title , likewise you can set the Pricing Plans Title with the help of this option.
  • Pricing Plan Description It allows you to set Pricing Plan Description in this section.

Setup Testimonial



In order to proceed with Testimonial ,

First activate "Veterinary-Pet-Care-Pro-posttype" plugin. Then only you can add Testimonial

After installation Testimonial option will appear on the dashboard.

Go to Dashboard -> Testimonials -> Add New -> Testimonial





Follow these instructions to setup Testimonial .

  • Do you want this section: This section allows you to enable/disable this section altogether. In case, if you don't want this section on your site, just click on disable option and this section will disappear from your site. And if you want this wonderful section to appear on your site, just be it enabled and it will appear on your site.
  • Section Title Color: Here, you can set the text color of title for this section.
  • Section Title Fonts: Here, you can set the font family of title for this section.
  • Background Color: Here, you can set the background color of this section. As you can see in screenshot, the background color of this section is white. You can set it to any color as you want.
  • Background Image: If you want to set the background image for this section, you can set it here.

Setup Latest News



In order to proceed with Latest News ,

Go to dashboard -> Post -> Add New


Setup Latest News Section

In order to setup the following section go to Appearance -> Customize -> Theme Settings -> Latest News



  • Do you want this section: This section allows you to enable/disable this section altogether. In case, if you don't want this section on your site, just click on disable option and this section will disappear from your site. And if you want this wonderful section to appear on your site, just be it enabled and it will appear on your site.
  • Main Heading: Here, you can set the Main Heading of Latest News
  • Heading Color: Here, you can set the Heading Color of Latest News
  • Blog Text Font: Here, you can set the PHeading Fonts of Latest News .
  • No of Blogs to Show: Here, you can set the No of Blogs to Show of Latest News .
  • Read More Text Here, you can set the Read More Text of Latest News .
  • Read More Text Font: Here, you can set the Read More Text Font of Latest News .if you want.

Setup Post General Settings

In order to proceed with Post General Settings ,

Go to Appearance -> Customize -> Theme Settings -> Post General Settings




  • Do you want this section: This section allows you to enable/disable this section altogether. In case, if you don't want this section on your site, just click on disable option and this section will disappear from your site. And if you want this wonderful section to appear on your site, just be it enabled and it will appear on your site.
  • Show or Hide Post Date: Here, you can Show or Hide Post Date if you want.
  • Show or Hide Post Comments: Here, you can set Show or Hide Post Comments if you want.
  • Show or Hide Post Share Icons: Here, you can set the Show or Hide Post Share Icons if you want.
  • Post Share Facebook: Here, you can set the Post Share Facebook.
  • Post Share Linkedin: Here, you can set the Post Share Linkedin if you want.
  • Post Share Twitter: Here, you can set the Post Share Twitter if you want.
  • How or Hide Post Category Here, you can set How or Hide Post Category if you want.

Setup Newsletter



Inorder to Setup Newsletter first you need to upload and activate the contact form 7. Then only you add Newsletter

After installation contact option will appear on the dashboard.

In order to setup the following section go to Dashboard -> contact -> Add New



Add the Newsletter, Go to Appearance -> Customize -> Theme Settings -> Newsletter






Setup Footer Section





In order to proceed with Footer,

Go to dashboard -> Widgets


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



Follow these instructions to setup Footer Section.

  • Do you want this section: This section allows you to enable/disable this section altogether. In case, if you don't want this section on your site, just click on disable option and this section will disappear from your site. And if you want this wonderful section to appear on your site, just be it enabled and it will appear on your site.
  • Footer Heading Color: Here, you can set the Footer Heading Color of footer
  • Footer Heading Fonts: Here, you can set the Footer Heading Fonts of footer.
  • Footer Content Color: Here, you can set the Footer Content Color of footer.
  • Footer Content Fonts: Here, you can set the Footer Content Fonts of footer.
  • Background Color: Here, you can set the Background Color of footer if you want.
  • Background image: Here, you can set the Background Image of footer if you want.

Setup Contact Section



In order to Setup contact first you need to upload and activate the contact form 7 plugin.

After installation contact option will appear on the dashboard.

In order to proceed with 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: Here, you can set the Contact Heading Color
  • Contact Heading Fonts: Here, you can set the Contact Heading Fonts .
  • Contact Content Color: Here, you can set the Contact Content Color .
  • Contact Content Fonts: Here, you can set the Contact Content Fonts .
  • Background Color: Here, you can set the Background Color of Contact if you want.
  • Background image: Here, you can set the Background Image of Contact if you want.

Setup Google Map Section







  • Do you want this section: This section allows you to enable/disable this section altogether. In case, if you don't want this section on your site, just click on disable option and this section will disappear from your site. And if you want this wonderful section to appear on your site, just be it enabled and it will appear on your site.
  • Map Latitude: Here, you can add the Map Latitude for the map.

Setup Footer Text



In order to proceed with Footer Text,

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



Follow these instructions to setup Footer Text Section.

  • Content Color: Here, you can set the Content Color of footer
  • Content Fonts: Here, you can set the Content Fonts of footer.

Setup Social Icon

In order to set up Social Icon Section,

Go to Appearance >> Customize >> Theme Settings >>Social Icon Section



Follow these instructions to setup Social Icon.

  • Add Facebook Link: You can add facebook link here and the facebook icon will be displayed of your site.
  • Add twitter link : This option allows you to add twitter link to your site. Adding twitter link adds twitter icon of your site.
  • Add Instagram Link: You can add instagram link here which will add instgram icon.
  • Add Youtube Link: You can add Youtube link here.
  • Add Pinterest link : This option allows you to add pinterest link.
  • Add Linkedin link : This option allows you to add linkedin link to your site. Adding Linkedin link adds Linkedin icon of your site.
  • Add Tumblr link : This option allows you to add Tumblr link.
  • Add GooglePlus Link: You can add GooglePlus link here which will add GooglePlus icon.
  • Add Flickr link : This option allows you to add Flickr link.
  • Add VK Link: You can add VK link here which will add VK icon.

Plugins

Plugins are ways to extend and add to the functionality that already exists in WordPress.
How to activate plugins

If you want these functionalities in your theme for which you need to activate plugin. Follow these instructions to activate plugin in your theme.

Go to Plugins >> Installed Plugins >>Veterinary Pet Care Pro posttype >>Activate


When you activate plugin, you can see four more options in your admin navigation, i.e Services , Gallery Images , team ,Product. You can see this four options in the admin navigation of the image because the plugin is activated.

These four sections automatically appears in your website once you activate plugin. You can see scrennshot of the same below.

Now, you can see these sections are added but contents are not there. For adding contents to these sections, follow these instructions.

First activate "Veterinary Pet Care Pro posttype" plugin. Then only you can add Services

To add Services, Go to Services >> Add new


With Services Meta option that you can see in the screenshot, you can add Logo and their URL to these section which gets uploaded automatically in Our Services. according to the Our Services images you add.

You can Also add Comments with Allow Comment option.

Now, you can add title of Our Services. and description as shown in image above



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)

Post, Categories and Post Formats


Adding category

Review the following article for more information on adding categories: http://codex.wordpress.org/Manage_Categories_SubPanel

  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

  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.


Check the list of shortcodes that are available with the Themes:

  • [list-services]
  • [testimonials]
  • [team]
  • [galleryshow gallery="80" numberofitem="4" bootstraponecolsize="3"]

Widgets