Petcare Documentation

Petcare is a clean and modern WP theme for Pet related services or business. You can customize it very easy to fit your business needs. Some of the theme’s strong points are: bold and fresh design, responsiveness, very easy to use admin panel, ready to use shortcodes, Visual composer & solid support.

If you have any questions, please use the comments from the item's page. ( erathemes ).

Author: PremiumLayers
Current Version: 1.0.0
Documentation Version 1.0.0
Created: 2017-Sept-19
Modified: 2017-Sept-19

You can change theme's look and feel from Admin > Theme Settings.
You can also add or override custom CSS code from Admin > Appearence > Editor


Main stylesheet files used for this theme, you can find more information opening each file:

File Name Description
styles.css Styles for general elements for the template.
bootstrap.min.css Bootstrap stylesheet.
fonts/font-awesome.min.css Styles for font-awesome.
animate.min.css Styles for animation.

JavaScript Files

Main JavaScript files for this theme:

Tag Description
bootstrap.min.js Bootstrap JS
jquery.easing.min.js easing JS
js/functions.js Custom Petcare JS

"Petcare Preview" has images from Fotolia, shutterstock and istockphoto.

Fonts used: Montserrat, Lato, Open Sans, Oxygen Google Web Fonts

1. Install Theme

Brief information about how to install your WordPress theme from scratch

Unzip the main files (the file that you have downloaded when you have purchased the theme). The theme installer is 'theme_name' NOTE! - This is the only file that you should use to install the theme.

Log in to your Wordpress Admin Panel, go to Appearence > Themes > Install Themes > Upload. Upload the zip file that was discussed in the above topic.

Once you have uploaded the theme, it automatically installs to your wordpress. Click the Activate button to activate the theme.
Please read the usage documentation below. Note: Activate all required plugins once theme is activated. Required plugin name will appear in dashboard once theme activated.

One Click Demo Import

Go to Theme Options > Demo Importer > Click Demo Import

OR ( Alternate Import Method )

Note: Find XML & JSON files inside "Sample Data" directory.

How to Use the XML File to Import the Demo Site's Content

Note : Make sure you have activated all required plugin before importing demo data.

  • Log into your site as an administrator.
  • Make sure you activated your new theme and related plugin before proceeding.
  • Go to Tools → Import
  • Choose "WordPress" from the list.
  • Upload the .xml using the form provided on that page.
  • You will be asked to map the authors in this export file to users on the blog. For each author, you may choose to map to an existing user on the blog or to create a new user.
  • You will then have the choice to import attachments, so click on the "Download and import file attachments" box.
  • Please be patient while WordPress imports all the content. Posts, Pages, Projects, and Menus are imported. You will need assign the menu a theme location & you'll need to configure widgets. This is a limitation of WordPress import system.

How to Use JASON File to Import the Theme Default Setting

  • Log into your site as an administrator.
  • Make sure you activated your new theme and related plugin before proceeding.
  • Go to Tools → Theme Options > Import / Export
  • Click "Import From File" from the list.
  • Open the .json in notepad.
  • Copy entire text and paste it in "Import From File" textarea.
  • Click the import button below.

2. General Usage

Information about adding pages and different content type.

× Important!
Reading settings
If you plan to change the "Front page displays" from "Your latest posts" to "A static page (select below)", please only set up "Front page:" and leave "Posts page:" blank. You can add a blog style page by adding pages see @Add Pages.

Add Pages

In order to add content to your website first you have to add Pages, pages can be added from the Admin > Pages > Add new.

Add Menu

Create the menu

After you have added at least one page, you can start adding pages to the website's menu, go to Admin > Appearence > Menus
Add a new menu from the menu panel, save it, than select the created menu from the "Theme Location" panel and save it.

Add pages to the menu

You can add pages to menu from the Pages panel, than you can change menu items labels or order from the menu panel.

NOTE! Click on the image to see the full size

Blog pages

1. Create a regular page under pages.
2. From the Editor ('Theme Shortcodes') select the 'Blog Post' as a Shortcode .
3. You can add Blog posts from Admin>Posts>Add new.
4. Add this page to the menu:
Go to Admin > Appearence > Menus, from the 'Pages panel' select the page you have just created than click 'Add to Menu'.
From the menu panel you can change menu items order (just drag the menu items up/down). For more information about creating the website's menu see Add Menu

Theme General Options

In order to set theme general options go to Admin > Theme Options. You can set there logo, favicon, social media, contact and more.

NOTE! Click on the image to see the full size

Google Map API Key Setting

Goto => Theme Options => Google Map => API Key