Premier Pet Shop Pro WordPress Theme Documentation

Introduction

Thank you for choosing our premier-pet-shop-pro theme for your website.

Our WordPress themes are completely responsive, super clean and error-free.

We are so happy to have our theme in your use.

For beginners, advances and developers, this documentation has been made keeping in mind very simplely. the ducument has been divided into two parts to understand more easily.

(A) SET UP THEME : This section will help you to understand theme start and set up easily.
(B) MAIN DOCUMENT : This section basically will have been help you to explain all the thing about theme and inner setting.

If you have query about our theme document then you can contact us at support@unboxthemes.com

pet-clinic wordpress theme
We offer theme customization. Get in contact for a quote.
Quick Connect Tip: Access your browser search with keyboard shortcut "Crtl+F" (Windows) or "CD+F" (OSX) for instant results.

Installation

To install this theme you must have a working version of WordPress already installed. For information regarding to install the WordPress platform, please see the WordPress Codex  https://codex.wordpress.org/Installing_WordPress

There are two way to install WordPress theme. The steps are given below

STEP 1: Installation Via WordPress Admin area

  1. 1. Log into your WordPress admin area.
  2. 2. Go to Dashboard => Appearance => Themes.
  3. 3. Click on Add New Theme button.
  4. Add New Theme
  5. 4. Now, Hit Upload Theme button and upload.
  6. 5. Click on Activate once upload has finished.

STEP 2: Installation Using FTP

  1. 1. Download premier-pet-shop-pro.zip file from your My Account unboxthemes.
  2. 2. Extract Zip file.
  3. 3. Using your FTP program, upload the non-zipped theme folder into the "/wp-content/themes/" folder on your server.
  4. 4. Go to Dashboard » Appearance » Themes and find Pre Pro theme from list
  5. 5. Click on Activate to active Black Corporate Pro theme.
Active Theme

Set Up Home Page

This section guide you to set up Home Page , All templates and All Shortcodes.

  1. Step 1: Go to Dashboard >> Pages >> Add New, enter page name and select template as Home Page Template from Page Attribute.
  2. Home Page Setting
  3. Step 2: Publish this page
  4. Step 3: Go to Dashboard >> Settings >> Reading, select home page as a front page
  5. Front Page Home

Setting Up Header

  1. Step 1. Go to Dashboard >> >> Appearance >> Customize >> General Configuration >> Site Logo/Title/Tagline
  2. a.You can add logo from Select Logo button for set logo
  3. set Header logo
  4. Step 2. Go to Dashboard >> >> Appearance >> Customize >> General Configuration >> Header Settings
  5. a.Set Header Padding
  6. b.Add Address & Phone Number
  7. c.Select Colors
  8. d.Add Header Social Links
  9. e.Select Social Colors
  10. set Header logo
  11. set Header logo
  12. f.Set Set Middle Header Padding
  13. g.Set Search Box Display
  14. h.Select Social Colors
  15. set Header logo
  16. set Header logo
  17. set Header logo
  18. i.Add Button Text Here
  19. j.Select Button Colors
  20. set Header logo
  21. k.Select Colors
  22. set Header logo
  23. l.Select Colors For Tablet & Mobile View
  24. set Header logo
  25. Step 3. Go to Dashboard >> Appearance >> Menus.
  26. Step 4. Click on create a new menu as show in below image.
  27. Step 5. Enter menu name and click on Create Menu as shown in below image.
  28. Step 6. Select Pages from left Side and click on Add to Menu button as show in below image
  29. Step 7. After selecting pages select menu location and click on save menu.
  30. Create a Menu
  31. Step 8. Click on Manage Locations as show in below image.
  32. a.Click on Use new menu
  33. Final Step in Menu
  34. b.Add Menu Name
  35. c.Click on Create Menu button.
  36. Final Step in Menu
  37. Header Final Look Final display of header

Setting Up Home Slider

  1. Step 1. Go to Dashboard >> premier-pet-shop-pro Slider
  2. a. Click on add New button
  3. b. Add the slider name.
  4. c. Add the slider content.
  5. d. Add slider button text and link.
  6. f. Add the featured image as a slider.
  7. g. Click on 'publish' button at top right of page. And Enjoy the Slider.
  8. Add New Slider

Setting up slider content On/Off:

  1. Step:2 Go to Dashboard >> Appearance >> Customize >> Home section >> Slider section
  2. a.Hide content Off:
  3. e.Select slider colors
  4. Create New Slider
  5. Create New Slider
  6. Slider Final Look Final display of header

New Pets Section

Note:Kindly Install Woocommerce Plugin

  1. Step1 - Go to Dashboard >> Products >> Add New
  2. (a) Add New Product name
  3. (b) Add New Category
  4. set Featured Product section set Featured Product section
  5. (c) Add Regular Price
  6. (d) Add Product Image
  7. set Featured Product section
  8. Step2 - There are having two steps to display Featured Products
  9. Go to Dashboard >>All Products >>
  10. (a) click (select) on STAR
  11. set Featured Product section
  12. (b) click on Quick Edit
  13. (i) click on check box Fetured
  14. set Featured Product section
  15. Step 2. Go to Dashboard >> Appearance >> Customize >> Home section >> New Pets Section
  16. a. Manage Background
  17. set product section
  18. b. Set Padding For Section
  19. set gallery section
  20. c. Add Section Title
  21. d. Select Colors
  22. set product section
  23. set product section
  24. set product section
  25. set product section
  26. Final display of New Pets Section Final display of product

Setting Up More Pets Section

  1. Step 1. Set up CATEGORIES
  2. a. Kindly Install Woocommerce Plugin
  3. b. Go to Dashboard >> Product >> Categories
  4. c. Add New Category
  5. Set category
  6. Step1. Go to Dashboard >> Products >> Add New
  7. (a) Add New Product name
  8. (b) Add Add New Category
  9. set Product Category section
  10. (c) Add Regular Price
  11. (d) Add Product Short Description
  12. (e) Add Product Image
  13. set Product Category section
  14. Step3. Go to Dashboard >> Appearance >> Customize >> Home section >> More Pets
  15. Step4.
  16. (a) Set Section Padding
  17. (b) Select background image/ background Color
  18. set recent section
    set recent section
  19. (c) Add Section Title & color
  20. set recent section
  21. (d) Please select the Categories to show
  22. (e) Select Colors
  23. set recent section
    set recent section
    set recent section
  24. More Pets Final Look Final display of featured

Setting Up Pet Foods Section

  1. Step 1. Set up CATEGORIES
  2. a. Kindly Install Woocommerce Plugin
  3. b. Go to Dashboard >> Product >> Categories
  4. c. Add New Category
  5. Set category
  6. Step1. Go to Dashboard >> Products >> Add New
  7. (a) Add New Product name
  8. (b) Add Add New Category
  9. set Product Category section
  10. (c) Add Regular Price
  11. (d) Add Product Short Description
  12. (e) Add Product Image
  13. set Product Category section
  14. Step3. Go to Dashboard >> Appearance >> Customize >> Home section >> More Pets
  15. Step4.
  16. (a) Set Section Padding
  17. (b) Select background image/ background Color
  18. set recent section
    set recent section
  19. (c) Add Section Title & color
  20. set recent section
  21. (d) Please select the Categories to show
  22. (e) Select Colors
  23. set recent section
    set recent section
    set recent section
  24. Pet Foods Final Look Final display of featured

Setting Up Testimonials & Appointment Section

  1. Step1. Go to Dashboard >> Testimonial >> Add New
  2. (a)Add Testimonial title
  3. (b)Add content
  4. (c)Add Designation
  5. (d)select Featured Image
  6. (e) Publish
  7. set Blog FAQ Testimonial custm Section
  8. Step 2. Go to Dashboard >> Appearance >> Customize >> Home Section >> Testimonials & Appointment Section
  9. a. Manage Background using color/image
  10. b. Set Testimonials Section Display
  11. c. Manage Background using color/image
  12. set aboutus section
  13. set aboutus section
  14. d. Add Section Heading & Select colors
  15. set apptests section
  16. e. Select a Client Testimonials
  17. set testimonial section
  18. f. Select Colors
  19. set testimonial section
  20. Step3. Go to Dashboard >> Appearance >> Customize >> Home section >> Testimonial & Appointment Section
    • a. Set Appointment Section Display
    • b. Manage Backgroun using colors/image
    • c.Set Overlay Background color & it's opacity
    • d. Set Section Padding
    • set Newsletter section
      set Newsletter section
      set Newsletter section
    • e. Add appointment section title & text
    • f. Select colors
    • set Newsletter section
    • g. Add appointment Form shortcode
    • h. Select colors
    • set Newsletter section
  21. Testimonials Section Final Look Final display of aboutus

Setting Up Contact Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> Contact Section
  2. a. Set Section Paddding
  3. b. Manage Background using color/image
  4. set aboutus section
  5. set callnow section
  6. c. Set Padding For Call Box
  7. d. Manage Background using color/image
  8. e. Overlayu Background color & it's opacity
  9. set callnow section
  10. set callnow section
  11. set callnow section
  12. f. Select Left Image
  13. g. add Phone Tagline & select colors
  14. h. add Phone Number & select colors
  15. i. add Email-Id & select colors
  16. set callnow section
  17. set callnow section
  18. Contact Section Final Look Final display of aboutus

Set Blog Section

  • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Blog Section
  • (a) Select background image and background color
  • set Blog section
  • (b) Set Padding for Section
  • set Blog section
  • Step2.
  • (d) Add Section Title
  • (e) Select Colors
  • set Blog section
  • Step3. Go to Dashboard >> post >> Add New
  • (a) Add Post title
  • (b) Add Post Description
  • (c) Select Categories
  • (d) Select Tag
  • set blog custm Section
  • (e) select Featured Image
  • (f) Publish
  • set blog custm Section
  • (g) Select Number of post to show
  • set Blog section
  • (h) Add Button Display & Text Setting:
  • (i) Add Button Text
  • (j) Select Colors
  • set Blog section
    set Blog section
    set Blog section

    Final display of Blog Section

    set blog section

Set About Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> About Section
  2. a. Set Disable/Enable Section
  3. b. Set Section Padding
  4. c. Set Set Background Color For Complete Section
  5. set package section
  6. set package section
  7. d. Select Left Image
  8. e. Select right Image1 & Image2
  9. f.Add Section Text & Select Colors
  10. set package section
  11. set package section
  12. g. SetButton Display
  13. h. SetButton Text
  14. i. Add button link
  15. set package section
  16. j. Select Colors
  17. set package section
  18. Final display of About Section Final display of Package

Set Socials Section

  1. Step 2. Go to Dashboard >> Appearance >> Customize >> Home Section >> Socials Section
  2. a. Set Padding For Section
  3. set gallery section
  4. b. Manage Background
  5. set team section
  6. d. Add Social Media Links
  7. set team section
  8. b. Select Colors
  9. set team section
  10. Final display of Socials Section Final display of team

Setting Up Newsletter Section

  1. Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Newsletter Section
    • a. Set Disable / Enable Section
    • b. Set Section Padding
    • set Newsletter section
    • c. Manage Backgroun using colors/image
    • set Newsletter section
    • e. Add Newsletter section Heading & text
    • f. Select colors
    • set Newsletter section
    • g. Add Newslatter Form shortcode
    • h. Select colors
    • set Newsletter section
      set Newsletter section
  2. Newsletter Final Look Final display of Blog section

Building the Header Menu

  1. Step 1. Go to Dashboard >> Appearance >> Menus.
  2. Step 2. Click on create a new menu as show in below image.
  3. Step 3. Enter menu name and click on Create Menu as shown in below image.
  4. Create a Menu
  5. Step 4. Select Pages like Latest Blog, Party, RSVP, We, Our Story from left Side and click on Add to Menu button as show in below image
  6. Step 5. After selecting pages select menu location and click on save menu.
  7. Final Step in Menu

Note : The menu must be available and selected as "Top Primary Menu" under Theme locations to display a proper home page like demos with Pet Clinic theme setup.

Set Page Template

How to select page template:

  • Step 1. Go to Dashboard >> Page
  • Step 2. Go to Add New button
  • Add New Slider
  • Step 3. select template at right bottom of page
  • select template

Set Widgets

  1. Step 1. Go to Dashboard >> Appearance >> Widets, Drag and Drop the widgets in Primary Sidebar area

Admin Preview

Primary sidebar admin preview

Front End Preview

Primary sidebar front preview

Set Full Width Page

How to select Full Width Page template:

  • Step 1. Go to Dashboard >> Page
  • Step 2. Click Add New button
  • Step 3. Select default template at right bottom of page
  • Step 4. Click publish button
select Full Width Page template
  • >> Full Width Page
  • select Full Width Page template

    Set Page With Background Image

    How to select Full Width Page with background image:

    • Step 1. Go to Dashboard >> Page
    • Step 2. Click Add New button
    • Step 3. Select default template at right bottom of page
    • Step 4. Click publish button
    • select Page With Background Image
    • Step 5. Select Background Image
    • select Page With Background Color
  • >> Page With Background Image
  • select Page With Background Image

    Set Page With Background Color

    How to select Full Width Page with background color:

    • Step 1. Go to Dashboard >> Page
    • Step 2. Click Add New button
    • Step 3. Select default template at right bottom of page
    • Step 4. Click publish button
    • select Page With Background Color
    • Step 5. Select Background color
    • select Page With Background Color
  • >> Page With Background Color
  • select Page With Background Color

    Set Page With Left Sidebar

    How to select Page With Left Sidebar template:

    • Step 1. Go to Dashboard >> Page
    • Step 2. Click Add New button
    • Step 3. Select Page With Left Sidebar template at right bottom of page
    • Step 4. Click publish button
    select Page With Left Sidebar template
  • >> Page With Left Sidebar
  • select Page With Left Sidebar template

    Set Page With Right Sidebar

    How to select Page With Right Sidebar template:

    • Step 1. Go to Dashboard >> Page
    • Step 2. Click Add New button
    • Step 3. Select Page With Right Sidebar template at right bottom of page
    • Step 4. Click publish button
    select Page With Right Sidebar template
  • >> Page With Right Sidebar
  • select Page With Right Sidebar template

    Set Blog Full Width

    How to select Blog Full Width template:

    • Step 1. Go to Dashboard >> Page
    • Step 2. Click Add New button
    • Step 3. Select Blog Full Width template at right bottom of page
    • Step 4. click publish button
    select Blog Full Width template
  • >> Blog Full Width
  • select Blog Full Width template

    Set Blog With Left Sidebar

    How to select Blog With Left Sidebar template:

    • Step 1. Go to Dashboard >> Page
    • Step 2. ClickAdd New button
    • Step 3. select Blog With Left Sidebar template at right bottom of page
    • Step 4. Click publish button
    select Blog With Left Sidebar template
  • >> Blog With Left Sidebar
  • select Blog With Left Sidebar template

    Set Blog With Right Sidebar

    How to select Page With Right Sidebar template:

    • Step 1. Go to Dashboard >> Page
    • Step 2. clickAdd New button
    • Step 3. select Blog With Right Sidebar template at right bottom of page
    • Step 4. click publish button
    select Blog With Right Sidebar template
  • >> Blog With Right Sidebar
  • select Blog With Right Sidebar template

    Set Contact Us Template

    • Step 1. Go to Dashboard >> Page
    • Step 2. Click Add New button
    • Step 3. Select Contact Page template at right bottom of page
    • Step 4. click publish button
    • select Contact Page template
    • Step 5. Go to Dashboard >> Appearance >> Customize >> Contact Us Page
    • Step 6. fill Contact us details
    • (a) Contact Page Title
    • (a) Contact us Address Label
    • (a) Contact us Address
    • (c) Contact us Phone
    • (b) Contact us Email
    • select Contact Page template
    • (b) Select Colors
    • select Contact Page template select Contact Page template
    • (e) Add Form Shortcode
    • (b) Select Colors
    • select Contact Page template
    • (f) Code Enter For Map
    • (g) Add Social media
    • select Contact Page template
    • (b) Select Colors
    • select Contact Page template
  • >> Contact Us Template
  • select Contact Page template

    Set Testimonial Shortcode

    1. Step 1. Go to Dashboard >> Testimonials
    2. (i) Click Add New button
    3. (ii) Add Clien't name
    4. (iii) Add Clien't designation
    5. (iv) Add Content
    6. (v) Select Featured Image
    7. (vi) Click On Publish Button
    8. team
    9. Step 2. Go to Dashboard >> Page
    10. (i) Click Add New button
    11. (ii) Add Testimonial Shortcode "[UN_TESTIMONIALS]"
    12. (iii) Select Default template at right bottom of page
    13. (iv) click publish button

    14. Step 3. Used Testimonial shortcode in page
    15. team
    16. Step 4. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Shortcode Page Colors
    17. (i) in which go to Testimonial Page colors
    18. team
    19. >> After adding shortcode Testimonial look
    20. team

    Set Team Shortcode

    1. Step 1. Go to Dashboard >> Teams
    2. (i) Click Add New button
    3. (ii) Add Team Member Name
    4. (iii) Add Content
    5. (iv) Add Desingation
    6. (v) Add Featured Image
    7. (vi) Add Socials
    8. (vii) click publish button

    9. team
    10. Step 2. Go to Dashboard >> Page
    11. (i) Click Add New button
    12. (ii) Add Team Shortcode "[UN_TEAM]"
    13. (iii) Select Default template at right bottom of page
    14. (iv) click publish button

    15. Step 3. Used Team shortcode in page
    16. team
    17. Step 4. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Shortcode Page Colors Settings
    18. (i) Select Team Page Colors colors
    19. team
    20. >> After adding shortcode Team look
    21. team

    Set FAQS Shortcode

    1. Step 1. Go to Dashboard >> FAQS
    2. (i) Click Add New button
    3. (ii) Add Question
    4. (iii) Add Answer
    5. (iv) click publish button

    6. faqs
    7. Step 3. Go to Dashboard >> Page
    8. (i) Click Add New button
    9. (ii) Add FAQS Shortcode "[UN_FAQS]"
    10. (iii) Select Default template at right bottom of page
    11. (iv) click publish button

    12. Step 4. Used Faqs shortcode in page
    13. faqs
    14. Step 5. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Shortcode Page Colors Settings
    15. (i) Select Faq Page Colors colors
    16. faqs
    17. >> After adding shortcode FAQS look
    18. faqs

    Set Services Shortcode

    1. Step 1. Go to Dashboard >> Services
    2. (i) Click Add New button
    3. (ii) Add Service Title
    4. (iii) Add Content
    5. (iv) Select Featured Image
    6. (v) Select Socials
    7. (vi) click publish button

    8. faqs
    9. Step 3. Go to Dashboard >> Page
    10. (i) Click Add New button
    11. (ii) Add Services Shortcode "[UN_SERVICES]"
    12. (iii) Select Default template at right bottom of page
    13. (iv) click publish button

    14. Step 4. Used Services shortcode in page
    15. faqs
    16. Step 5. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Shortcode Page Colors Settings
    17. (i) Select Services Page colors
    18. faqs
    19. >> After adding shortcode Services look
    20. faqs

    Set Inner Pages Heading Fonts

    1. Step 1. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Inner Page Font Settings
    2. faqs

    Shop Sidepar Display

    1. Step 1. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Shop Page Sidebar Display Settings
    2. faqs

    Arrange Sections Order

    1. Step 1. Go to Dashboard >> Appearance >> Customize >> Section Order
    2. faqs

    Manage Breadcrumb

    1. Step 1. Go to Dashboard >> Appearance >> Customize >> Manage Breadcrumb
    2. faqs

    Other Settings

    1. Step 1. Go to Dashboard >> Appearance >> Customize >> Other Settings
    2. faqs faqs faqs faqs