Documentation
Pet Food Shop Pro
Thank you so much for purchasing our item from buywpthemes.
If you have any questions that are beyond the scope of this help file, Please feel free to email via Item Support Page.
Installation
Follow the steps below to setup your site template:
- Unzip the downloaded package and open the /HTML folder to find all the template files. You will need to upload these files to your hosting web server using FTP or localhost in order to use it on your website.
- Below is the folder structure and needs to be uploaded to your website or localhost root directory:
Installation By WordPress Admin area- First you have to log into your WordPress admin
- Hit Add new theme and click upload
- Go to Dashboard -> Appearance -> Themes
- Click on Add New Theme button at top
- Click Upload Theme button and upload
- Hit on Activate once upload has finished
Installation By FTP- Download pet-food-shop-pro.zip file from your My Account.
- Extract Zip file
- By using your FTP, upload the non-zipped theme folder into the "/wp-content/themes/" folder on your server
- Go to Dashboard -> Appearance -> Themes and find out pet-food-shop-pro theme from list
- Hit on Activate to active pet-food-shop-pro theme.
General Setting
Go to Appearence -> Customizer -> General SettingDocumentation and examples for header, navbar, sidebar, footer
Header
The list of various header settings & its descriptions are provided below for your reference:
All Setting
There are two tabs here. General and style
You may follow below functionality.
- Show/hide Sticky Header
- Select Header Style
- Set Section Width
- Hide/Show Header Button
- Add Header Button Text
- Add Header Button Link
- Change Header Colors
Logo Setting
There are two tabs here. General and Layout
You may change header site details by using below functionality.
- Select Logo
- Add Site Title
- Add Tagline
- Hide/Show Site Title
- Hide/Show Tagline
- Add Site Icon
- Set Width
- Set Height
- Add Padding
Pages
The list of various pages settings & its descriptions are provided below for your reference:
Inner Pages
There are Three tabs here. General , Layout and style
You may follow below functionality.
- Add Page Tittle Padding
- Show/Hide Page Featured Image
- Select Page header image height
- Show/Hide Page Title
- Select Left / Right and No Sidebar
- Select Page Width
- Set Image Opacity
- Select Header Box Transition Effects
- Select Colors
Blog Pages
There are Three tabs here. General, Layout and style
- Show/Hide Show Thumbnail Image
- Set Feature Image Height
- Show/Hide Expert
- Hide/Show Button Display
- Add Button Label
- Select Left / Right and No Sidebar
- Set Excerpt Length
- Select Width
- Select Colors
Single Post
There are two tabs here. General, Style
- Show/Hide Show Featured Image
- Select Post Sidebar
- Show/Hide Author
- Show/Hide Date
- Show/Hide Time
- Show/Hide Category
- Show/Hide Comments
- Show/Hide Tag
- Hide/Show Socials
- Select Colors
Contact Page
There are two tabs here. General, Style
- Add Contact Main Title
- Add Contact Form Title
- Add Form Shortcode
- Add Map Shortcode
- Select Box Onload Transition Effects
- Select Colors
Shop Page
There are two tabs here. General, Style
- Select Shop Sidebar Display
- Add Product Font Size
- Select Colors
Testimonial Page
There are two tabs here. General, Style
- Show Thumbnail Image
- Show/Hide Expert
- Select Colors
Team Page
There are two tabs here. General, Style
- Feature Image Height
- Show/Hide Social Icon
- Select Colors
FAQ Page
There are two tabs here. General, Style
- Add FAQ Main Heading
- Select Colors
Gallery Page
There are two tabs here. General, Style
- Feature Image Height
Other Settings
The list of various pages settings & its descriptions are provided below for your reference:
All Setting
- Show/Hide Back to Top Button
- Select Back to Top Button Color
Font Setting
There are Seven tabs here. H1, H2, H3, H4, H5, H6, Body Font
Home Section
Go to Appearence -> Customizer -> Home SectionThe list of various Section settings & its descriptions are provided below for your reference:
Slider
There are Three tabs here. General, Layout and style
You may follow below functionality.
- Show/Hide Title and Description on Slider
- Select Colors
- Select Section Width
- Select Section Padding
Product Category
There are Three tabs here. General, Layout and style
You may follow below functionality.
- Show/Hide Disable Section
- Add Section Heading
- Select Section Background Color
- Select Section Background Image
- Select Block Onload Transition Effects
- Select Section Heading Alignment
- Select Colors
- Add Section Padding
- Select Section Width
New Arrival Section
There are Three tabs here. General, Layout and style
You may follow below functionality.
- Show/Hide Disable Section
- Add Section Heading
- Select Section Background Color
- Select Section Top Layer BG Color
- Select Section Background Image
- Select Section Onload Transition Effects
- Select Section Heading Alignment
- Select Section Title Case
- Select Colors
- Add Section Padding
- Select Section Width
Featured Product Section
There are Three tabs here. General, Layout and style
You may follow below functionality.
- Show/Hide Disable Section
- Show/Hide Left Box Image
- Add Section Heading
- Select Section Background Color
- Select Section Background Image
- Select Box Onload Transition Effects
- Select Section Heading Alignment
- Select Colors
- Add Section Padding
- Select Section Width
- Select Image Height
Best Selling Product Section
There are Three tabs here. General, Layout and style
You may follow below functionality.
- Show/Hide Disable Section
- Add Section Heading
- Select Section Background Color
- Select Section Background Image
- Select Box Onload Transition Effects
- Select Section Heading Alignment
- Select Colors
- Add Section Padding
- Select Section Width
Counter Section
There are Three tabs here. General, Layout and style
You may follow below functionality.
- Show/Hide Disable Section
- Select Number of counter to show
- Select Counter Image
- Add Counter Link
- Select Section Background Color
- Select Section Background Image
- Select Section Background Opacity
- Select Box Onload Transition Effects
- Select Colors
- Add Section Padding
- Select Section Width
Testimonials Section
There are Three tabs here. General, Layout and style
You may follow below functionality.
- Show/Hide Disable Section
- Add Testimonial Heading
Go to Dashboard -> Testimonials -> Add New -> Add Title, Content, Designation, Feature image- Select Number of Testimonials to show
- Select Select A Client Testimonials
- Selct Right side Image add custimization
- Select Section Background Color
- Select Section Background Image
- Set Background Opacity
- Select Section Onload Transition Effects
- Select Section Heading Alignment
- Select Section Title Case
- Select Colors
- Add Section Padding
- Select Section Width
Blog Section
There are Three tabs here. General , Layout and style
You may follow below functionality.
- Show/Hide Disable Section
- Add Section Heading
- Select Number of post to show
- Select Exclude Category
- Select Section Background Color
- Select Section Background Image
- Set Background Opacity
- Select Section Onload Transition Effects
- Select Section Heading Alignment
- Select Box Heading Alignment
- Select Blog Title Case
- Select Colors
- Add Section Padding
- Select Section Width
- Select Image Height
- Select Expert Length
General Configuration
Go to Appearence -> Customizer -> General ConfigurationThe list of various settings & its descriptions are provided below for your reference:
Static Front Page
Background Image Setting
Header Image Setting
Colors Setting
Font Setting
Section Sequence
Go to Appearence -> Customizer -> Section SequenceInter change section Sequence name.