Blog Post

Roni Landau • Sep 15, 2020

New Template: Pet Store

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. 



LATEST POSTS

A poster that says `` new ! upload project files ''
By Tal Levi 20 May, 2024
“Organize, don’t agonize.” – Nancy P. This update is all about that.
Three squares with icons on them and the words `` more design power ''.
By Liron Hilb Horev 02 May, 2024
Alternative image on-hover, plus 3 more updates you wanted.
A blue background with the words seo overview on it.
By Tal Levi 30 Apr, 2024
A new way to instantly see and solve SEO issues, built right into the platform.
Show More
Proudly built on the Duda Responsive Website Builder
Share by: