A product slider for an art print shop, rehung while you watch
Sample shop. Salon Hang, its products and its prices are made up.
From the plan chest
A small pile of sheets. Pull the top one to the side, and the next is already there.
,
Why mosaic for art prints
A print is a flat rectangle, and it should stay one. The lens or a jelly would make a poster look wrong, because the shape itself is what the customer is paying for. Mosaic respects that: tiles shrink and return, and the wall is rehung piece by piece. Mid-move it looks like a person reworking a composition, and in a changing grid, the whole wall feels alive without being loud.
The rest of the page treats prints as objects. They pile like sheets on a plan chest, and they tilt under the pointer the way anyone holds a sheet up to the light. The wall labels are plain text and stay readable, with the price where a gallery would put it. The pictures here are generated for the demo, not works by anyone.
How to build this
- Product Slider
- Grid whose places change, Mosaic, around 1700 ms, three or four places.
- Pattern
- Changing grid does this in one click, Shop grid with quick view for the catalogue.
- Effect
- Pile for a small sheaf on a home page, tilt under the pointer on rows.
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: Product page.
Road stripes
€48
In stock
Printed on heavy cotton paper, signed and numbered. 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.
Road stripes
€48Printed on heavy cotton paper, signed and numbered.Contour study
€72Printed on heavy cotton paper, signed and numbered.Nested squares
€65Printed on heavy cotton paper, signed and numbered.Plasma field
€95Printed on heavy cotton paper, signed and numbered.Rising arcs
€110Printed on heavy cotton paper, signed and numbered.Goes well with it
Block: Product Slider. Pattern: Goes well with.
Questions
Which transition is kindest to artwork?
Fade and colour distance change nothing about the picture. Mosaic breaks it up for a moment, but it holds the rectangle. Avoid liquid and swirl if the artist would mind.
Can I show the print in a room?
Use the room photo as the second image of the product. A Morph Card then moves from the flat print to the room when someone hovers.
Do I need a grid with many places?
Three or four is plenty on a desktop. Too many and each tile is too small to read.












