Product Slider BlockFree downloadMenu
Pro

Kaleidoscope transition for WooCommerce product sliders

Wide ribbed gold cuff bracelet on a cream display stand
Gold necklace with an open heart pendant on rippled white fabric
Gold necklace with small pearls and a round gemstone on a pale geometric stand
Rose gold bar necklace with three heart-cut stones on white with window shadows
Two gold medallion necklaces and a chunky gold ring on an off-white surface
Fine gold chain with a small disc pendant against a dark teal backdrop

Ribbed gold cuff

€680

Drag the picture sideways and hold: you can stop in the middle of the move.

The picture folds into a spinning kaleidoscope and unfolds as the next one. In the middle of the move there is no product at all, only symmetry made from its colours.

It is a real show-off, and it costs you a second in which nothing can be bought. Use it where a second of wonder is worth that.

Pro

Comes with Pro. Pro starts at $19 a year.

Put it on

Gemstones and glass beads
Facets and reflections are what a kaleidoscope is made from.
Festival wear and party goods
It is the only transition here that could be called joyful.
Limited editions on a single page
A special page can afford one extravagant move.

Keep it off

Everyday shopping
On a category of forty items it wears out by the third click.
Anyone with vestibular trouble
A full-frame rotation with symmetry is intense. Keep the slider small, and never autoplay it.

Settings

In the block the time of a move is a setting on every transition. Everything else on this list comes from gpu slider, which draws it.

Wide ribbed gold cuff bracelet on a cream display stand
Gold necklace with an open heart pendant on rippled white fabric
Gold necklace with small pearls and a round gemstone on a pale geometric stand
Rose gold bar necklace with three heart-cut stones on white with window shadows

Ribbed gold cuff €680

1500It needs to open, spin and close. Anything shorter loses the symmetry.

In the block, in three steps

  1. Add the Product Slider block to your page, and under Products choose hand-picked products.
  2. Set Layout to One at a time, then pick Kaleidoscope under Transition. It comes with Pro.
  3. Ask whether you would still enjoy it on the tenth view. If not, keep it on a campaign page and use something plainer on the shop.

Close relatives

In a sample shop

Where it goes in a shop: on a hover image swap, in a related products row or in a slider on autoplay. Questions about browsers and motion are in the FAQ.

Kaleidoscope is part of Pro, and the free plugin has fade, distance, ripple, zoom, stretch and parallax to start with. Pro starts at $19 a year.

Get the free plugin