Divi Pet Care Child Theme Overview

Divi Pet Care is a Divi child theme that was designed for any type of pet website in mind including veterinarian offices, clinics, spas, grooming, etc. It has a clean modern design with a dash of color, a strong CTA, and over 25 pages to create your website. In this article, we’ll take a close look at Divi Pet Care to help you decide if it’s the right Divi child theme for your needs.

Installing the Pet Care Divi Child Theme

Installing the Pet Care Divi Child Theme

Installation is simple. First, with Divi activated, upload the Divi Pet Care child theme and activate it as you would any WordPress theme.

Installing the Pet Care Divi Child Theme

The one-click demo import worked exactly as shown in the documentation. The pages and menus are assigned automatically, so you’ll only need to add your images and content. Let’s take a closer look at the pages.

Pet Care Child Theme Pages

Pet Care Child Theme Pages

The Pet Care Divi child theme comes with over 25 pages including 2 home pages, About Us, several Activities pages, several Blog pages, Book Now, Contact Us, FAQs, Our Process, Pricing, several Privacy Policy pages, several Services pages, a team page, and a timeline page. More pages, such as the 404 page, are created with the Theme Builder. Pages include graphics, styled menus, buttons, etc.

Pet Care Child Theme Pages

The pages use common design elements between them including a bright red highlight, splotchy background patterns, paw print background elements, paw print icons, a bone button design, and sticky elements. Let’s look at a few of the pages.

Home V1

Home V1

Home V1 is the default home page. The appointment and phone CTA’s are clickable. The menu and appointment CTA are sticky. The hero section shows a full-width image. The header is created in the Theme Builder. Many of the pages include elements from this page as well as unique elements such as custom headers.

Home V1

The next section includes a booking CTA with an image and a wavy background pattern.

Home V1

Services are shown with styled blurbs. They include hover effects that show a box shadow, which you can see in the center blurb.

Home V1

The next section shows testimonials in a slider. A CTA appears above this with an image, message, and link.

Home V1

Contact information is placed within a styled box. This section also includes a booking CTA and a splotchy background pattern.

Home V1

The global footer appears at the bottom of the page. This is created in the Theme Builder.

Home V2

Home V2

The second home page displays a different background pattern for the hero section. This one also uses the global header and has a few elements that are used in the other pages.

Home V2

Several sections include CTAs in an alternating layout.

Home V2

Services are shown within blurbs with paw prints in place of large images.

Home V2

This layout includes styled pricing tables with a CTA to get a quote.

Home V2

Opening hours are shown with bullets that display paw print icons. The phone number is clickable and has a hover animation.

Home V2

A contact form is placed above the footer to get a quote.

About Us

About Us

The About Us page hero section includes a booking CTA and a small image. Information is provided with bullets and blurbs. The page also includes the CTA and operation hours from the first home page, a veterinarian section introducing the doctors, a section of images, and the global footer.

Team

Team

The Team page has a similar design as the About Us page and adds information about the doctors in an alternating layout. Blurbs highlight their specialties and their availability.

FAQs

FAQs

The FAQs page contains many elements from the home page and adds sections with questions placed in an accordion. They’re arranged by animal type in an alternating layout.

Our Process

Our Process

The Our Process page adds two sections with circle counters and an embedded map along with many of the sections from the home page. The map section also includes contact information.

Book Now

Book Now

The Book Now page includes a styled contact form along with the standard hero section and contact information with blurbs.

Timeline

Timeline

The Timeline page displays a timeline created with blurb modules to show your daily activities with the pets. This page also includes the standard header, contact form, and footer.

Pricing

Pricing

The Pricing page displays products and services with images on one side and the description on the other in an alternating layout. The page also includes the styled pricing tables from the second home page.

Services

Services

There are two different pages for Services. They display the services within different types of blurbs. This is the second Services page, which uses a blurb with an image, title, and short description. It also includes the header, multiple types of blurbs for information, links to services, etc.

Single Service

Single Service

There are also two different pages for a single service. This is the second Service page, which shows the service as a product, a large image, links to other services as a sidebar, opening hours, circle counters, blurbs for information, a contact form, and the footer.

Blog

Blog

Blog pages include a standard blog, a list view, a category page, and a post page. Some include a sidebar with standard blog widgets. This is the standard blog without a sidebar.

Activities

Activities

Two Activities are included. The first, seen in this example, is a filterable list that shows the activities as projects. The second is a category page that provides information about a specific activity.

Theme Builder

Theme Builder

The Theme Builder has 7 templates including global headers, posts, 404 page, search results, project category pages, all projects, category pages, and global footers.

Theme Builder

Here’s the 404 page. It’s simple but effective. It has a place to add a full-screen background image and includes the logo, message, and home button in the foreground. This page doesn’t have a header or footer, but the rest do.

Pet Care Menu

Pet Care Menu

The primary menu is already created and assigned. The only changes you’ll need to make is to remove any of the pages you don’t want to use or to have displayed in the menu (such as the 404 page). I like this approach. I find it to be easier to remove what I don’t want in the menu than to add what I want to it if it’s a large menu.

Booking Form

Booking Form

A booking appointment slide-in form appears when you click on the appointment icon that sticks to the left of the page. This slides the website to the right. The form includes contact fields, contact information, and social follow buttons. A dropdown box allows visitors to choose the type of service they’re interested in. A close button in the left corner closes the form and moves the website back into place.

Booking Form

The booking form is built into the global header in the Theme Builder using several modules for the images, text, form, and buttons, and CSS and jQuery in a code module. The styling uses a combination of the Divi settings and CSS.

Pet Care Graphics

Pet Care Graphics

The graphics are added to the media library where you can easily access them. They’re used within the blurbs and other modules in the premade pages. Dummy images show the size, making it easy to know what size images to replace them with.

Preloader

Preloader

The child theme includes a preloader of a dog running. I enjoy watching this. It fits the genre of the child theme better than most preloaders.

Preloader

Code for the preloader is added to the child theme custom.js file. You’ll need some code editing skills to customize it.

Where to Purchase Divi Pet Care

Where to Purchase Divi Pet Care

The Divi Pet Care child theme is available in the Divi Marketplace. It costs $49.99 and includes unlimited website usage and 1 year of support and updates.

Ending Thoughts

That’s our look at the Divi Pet Care child theme. It has an elegant and clean design. Installation was easy and there are a lot of pages to build just about any type of website for a pet care business.

It has a clean layout with a strong focus on setting appointments. The colors highlight the elements well and the splotchy backgrounds give it enough visual flair to stand out without taking over the design. Clickable elements have small hover animations that change colors, rotate elements, or add box shadows. If you’re interested in a Divi child theme for a website that focuses on pets, Divi Pet Care is worth a look.

We want to hear from you. Have you tried the Divi Pet Care child theme? Let us know what you think about it in the comments.

Featured Image via Lucky clover / shutterstock.com

The post Divi Pet Care Child Theme Overview appeared first on Elegant Themes Blog.

Go to source

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.