Product Slider BlockFree downloadMenu
Slowwater0 in the sample cart

A product slider for a spa shop, in no hurry

Unlabelled white pump bottles and jars beside stacked white towels
Amber glass bottles on a round wooden tray with folded linen behind
White pump bottle, waffle towel, natural sponge and wooden brush on a pale backdrop
Clear bottle of oil with a lime green dropper beside woven sponges and a palm leaf
Rose quartz facial roller and gua sha stone on beige cloth under a pink waffle towel
Three amber bottles with blank labels on a white marble surface

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

Rest a hand on it

Rings run out from the pointer for as long as it stays, then die away.

White pump bottle, waffle towel, natural sponge and wooden brush on a pale backdrop
Bath ritual kit€42
Clear bottle of oil with a lime green dropper beside woven sponges and a palm leaf
Botanical face oil€36
Rose quartz facial roller and gua sha stone on beige cloth under a pink waffle towel
Rose quartz roller€28
Three amber bottles with blank labels on a white marble surface
Travel serum trio€49
Unlabelled white pump bottles and jars beside stacked white towels
Cloud care set€64
Amber glass bottles on a round wooden tray with folded linen behind
Amber apothecary set€78

Why liquid for spa and wellness

A spa page has one job before any other: lower the pulse. Everything that moves has to take longer than feels necessary. The liquid transition here takes well over two seconds, the picture never has an edge, and the pause between products is long enough to read a sentence and breathe out.

The second slider uses waves under the pointer, so resting a hand on a picture makes it answer softly. There are no cuts, no flashes and no red price stickers. That restraint is a business decision: this customer is buying a feeling of being looked after, and a page that shouts takes the feeling away.

How to build this

Product Slider
One at a time, Liquid, around 2400 ms, autoplay every 7 to 8 seconds with the pause button on.
Morph Card
For the range below, with fade or ripple on hover.
Pointer
Waves, at a low strength, on large pictures only.

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.

Amber glass bottles on a round wooden tray with folded linen behind
Amber apothecary set in second colour, a stand-in for a variation image
Detail of the amber apothecary set

Amber apothecary set

€78

In stock

Gentle on the skin, with a calm scent of cedar and salt. 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.

Unlabelled white pump bottles and jars beside stacked white towels
Close-up of the cloud care set

Cloud care set

€64Gentle on the skin, with a calm scent of cedar and salt.
Amber glass bottles on a round wooden tray with folded linen behind
Close-up of the amber apothecary set

Amber apothecary set

€78Gentle on the skin, with a calm scent of cedar and salt.
White pump bottle, waffle towel, natural sponge and wooden brush on a pale backdrop
Close-up of the bath ritual kit

Bath ritual kit

€42Gentle on the skin, with a calm scent of cedar and salt.
Clear bottle of oil with a lime green dropper beside woven sponges and a palm leaf
Close-up of the botanical face oil

Botanical face oil

€36Gentle on the skin, with a calm scent of cedar and salt.
Rose quartz facial roller and gua sha stone on beige cloth under a pink waffle towel
Close-up of the rose quartz roller

Rose quartz roller

€28Gentle on the skin, with a calm scent of cedar and salt.
Three amber bottles with blank labels on a white marble surface
Close-up of the travel serum trio

Travel serum trio

€49Gentle on the skin, with a calm scent of cedar and salt.

Goes well with it

Block: Product Slider. Pattern: Goes well with.

Three amber bottles with blank labels on a white marble surface
Travel serum trio€49Gentle on the skin, with a calm scent of cedar and salt.
Rose quartz facial roller and gua sha stone on beige cloth under a pink waffle towel
Rose quartz roller€28Gentle on the skin, with a calm scent of cedar and salt.
Clear bottle of oil with a lime green dropper beside woven sponges and a palm leaf
Botanical face oil€36Gentle on the skin, with a calm scent of cedar and salt.
White pump bottle, waffle towel, natural sponge and wooden brush on a pale backdrop
Bath ritual kit€42Gentle on the skin, with a calm scent of cedar and salt.
Amber glass bottles on a round wooden tray with folded linen behind
Amber apothecary set€78Gentle on the skin, with a calm scent of cedar and salt.
Unlabelled white pump bottles and jars beside stacked white towels
Cloud care set€64Gentle on the skin, with a calm scent of cedar and salt.

Questions

Is a slow transition annoying for shoppers?

If people came to compare forty products, yes. A spa home page with four or five products is different. Keep the fast browsing for your category pages, with plain cards.

Can I do this in the free version?

The Calm duo pattern uses fades and is free. Ripple is free as well. Liquid and pointer waves are Pro.

What about visitors who prefer less motion?

The slider respects the system setting: autoplay stays off, and movement is kept to what the visitor asks for.

Features to look at

Effects on this page

Patterns to start from

Other sample shops