Product Slider BlockFree downloadMenu
Mainspring0 in the sample cart

A product slider for a watch shop, on black

Grey-dial steel chronograph with gold hands and a link bracelet on polished wood
Open brass pocket watch with a white dial, resting on its chain on pale fabric
Open silver pocket watch with a heavy chain on a red surface
Vintage pocket watch with a long chain on dark wood

1 of 4

Sample shop. Mainspring, its products and its prices are made up.

Read the dial

Point at a watch. The lens is the magnify effect, and it travels with your hand.

Grey-dial steel chronograph with gold hands and a link bracelet on polished wood
Steel chronograph€420
Open brass pocket watch with a white dial, resting on its chain on pale fabric
Brass hunter pocket watch€148
Open silver pocket watch with a heavy chain on a red surface
Silver pocket watch€124
Vintage pocket watch with a long chain on dark wood
Heirloom pocket watch€265

Why lens for watches

Watch buyers look closely, and they are suspicious of anything that wobbles. So the moves are short, about half a second, and the transition is a lens: glass bending for an instant, with colour fringing at the rim. It is the same event the buyer already knows from turning a real crystal under a lamp, and it shows up best on black.

Nothing runs by itself here. Each step is a decision. Further down the page the row has a lens under the pointer in place of a zoom window, because the thing people want from a watch photo is to read the small print on the dial. If your photographs are not sharp enough to survive that, put off the lens and fix the photos first.

How to build this

Product Slider
One at a time, Lens transition, about 600 ms, autoplay off.
Product Stage
On each product page, with a rimless lens and side thumbnails.

The same products, in plain store blocks

What the rest of this shop would use day to day: a product page, a grid and a related row, in its own colours.

The product page

Block: Product Stage. Pattern: Watch detail.

Open brass pocket watch with a white dial, resting on its chain on pale fabric
Brass hunter pocket watch in second colour, a stand-in for a variation image
Detail of the brass hunter pocket watch

Brass hunter pocket watch

€148

In stock

Automatic movement, sapphire crystal, water resistant to 50 metres. Pick a colour and the picture, the price and the stock line change together.

The range, with quick view

Block: Morph Grid. Pattern: Shop grid with quick view.

Grey-dial steel chronograph with gold hands and a link bracelet on polished wood
Close-up of the steel chronograph

Steel chronograph

€420Automatic movement, sapphire crystal, water resistant to 50 metres.
Open brass pocket watch with a white dial, resting on its chain on pale fabric
Close-up of the brass hunter pocket watch

Brass hunter pocket watch

€148Automatic movement, sapphire crystal, water resistant to 50 metres.
Open silver pocket watch with a heavy chain on a red surface
Close-up of the silver pocket watch

Silver pocket watch

€124Automatic movement, sapphire crystal, water resistant to 50 metres.
Vintage pocket watch with a long chain on dark wood
Close-up of the heirloom pocket watch

Heirloom pocket watch

€265Automatic movement, sapphire crystal, water resistant to 50 metres.

Goes well with it

Block: Product Slider. Pattern: Goes well with.

Vintage pocket watch with a long chain on dark wood
Heirloom pocket watch€265Automatic movement, sapphire crystal, water resistant to 50 metres.
Open silver pocket watch with a heavy chain on a red surface
Silver pocket watch€124Automatic movement, sapphire crystal, water resistant to 50 metres.
Open brass pocket watch with a white dial, resting on its chain on pale fabric
Brass hunter pocket watch€148Automatic movement, sapphire crystal, water resistant to 50 metres.
Grey-dial steel chronograph with gold hands and a link bracelet on polished wood
Steel chronograph€420Automatic movement, sapphire crystal, water resistant to 50 metres.

Questions

Which transition suits watches?

Lens for a quiet showroom, or a short fade if your photos differ widely. Anything soft like liquid works against the idea of precision.

Why no autoplay?

Watches are looked at, not skimmed. A picture that changes by itself interrupts somebody reading a dial, so here each move waits for a click or a drag.

Do I need black photos?

The fringes show best on dark backgrounds. On a light photo the lens still works, with less colour at the rim.