Pet ownership is increasing by leaps and bounds these days, as people spend more time in the company of furry companions. As you can imagine, this has caused a boom in pet-related retail. The new Pet Store Template caters to online pet stores, as well as any other online shopping site.

This template has bold colors and a great, lively vibe. It's got Photo Galleries on several pages, so you have lots of great opportunities to show off what your client is selling.


Eye-catching combination of still images and videos 


Now that you can upload videos directly to the editor, there’s no reason not to integrate a few videos into your sites. This is especially true when you can integrate great-looking videos of customers or potential customers enjoying your products, or creating the right mood. 




Tips & Tricks 


How to Reproduce the First Section


As always, you can save any part of this template as a Section and then use it again in other websites. If you want to recreate this section on your own, follow these steps:


Add a row below the header and add a column to it so it has 2 columns. Set the row to full bleed. Set the background color to #ffb93b.

In column 1: 


  • Set the top and bottom padding to 100px
  • Add a title widget and an inner row with 3 columns. 
  • Reset the inner row spacing so it is 0px. 
  • Add a Button widget to the left and center columns; add a Spacer widget to the right column.

In column 2:


  • Add a wavy shape to the background image in PNG or SVG format. (You can create it Photoshop, Illustrator or Sketch, or buy one online.) Set the position to left-center and the top padding to 150px.
  • Add an inner row with 2 columns and set the left margin to 100px (so it doesn’t overlap the wavy border).


Now, we’ll design the inner row:


Adjust the width of the columns to create the right ratio; in this case, it’s about 4:1. 

In column 1: 


  1. Add a background image and set it to the center position.
  2. Add an image or icon widget and upload an SVG (in this example, a paw print). Set the size to 110px and align it top left. 
  3. Set the left margin of the column to -60px so it overlaps the image.

In column 2:


  1. Add an image or icon widget and upload an SVG (in this example, a white circle). Set the size to 135px and align it bottom left.


Set the left margin of this column to -60px so the shape overlaps the image.


To get started with this template, go to your dashboard, start a new template, and choose the Pet Store Template. 

September 15, 2020
Roni Landau

 • 

New Template: Pet Store

Latest product updates

A purple background with a purple button and a white box with text on it.
By Tal Levi February 18, 2025
Cut your production-to-publish time with a powerful site starting point like never before.
A computer screen with a picture of a man and a piece of code.
By Annat Katz February 11, 2025
Manage blogs at scale without the need to log into the platform.
A computer screen with a popup that says tax groups on it
By Annat Katz February 1, 2025
New tax groups, hiding related YouTube videos, and other updates from the last month worth noting.