A product slider for a watch shop, on black
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.
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.
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.
Brass hunter pocket watch
€148Automatic movement, sapphire crystal, water resistant to 50 metres.Silver pocket watch
€124Automatic movement, sapphire crystal, water resistant to 50 metres.Heirloom pocket watch
€265Automatic movement, sapphire crystal, water resistant to 50 metres.Goes well with it
Block: Product Slider. Pattern: Goes well with.
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.








