Product Slider BlockFree downloadMenu
Pro

Jelly effect for WooCommerce product sliders

Fling the row. The harder you throw it, the more you see.

Amber glass jar candle with a blank label and a wooden lid on a terracotta background
Amber jar candle€26
Two white candles in glass jars tied with twine and topped with dried orange flowers
Twine jar candle duo€22
Rows of small white wood-wick candles in glass jars on a light wooden table
Wood-wick minis€38
Two wood-wick candles in glass jars on a light table with a soft blurred plant behind
White fig pair€32
Two lit golden yellow taper candles against a dark background
Golden taper pair€14
Lit teal and grey pillar candles in a dim, moody setting
Teal pillar set€34

The slides are soft. Whatever moves them pulls them out of shape: the middle hangs back, they lengthen along the way and thin across, and no two of them lean quite the same.

It bends the mesh itself, not just the picture, so the outline of the card wobbles. Stretch moves what is inside the frame, and this moves the frame.

Pro

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

Put it on

Sweets, soap and bath bombs
Soft and a bit silly, and it matches the texture of the thing.
Kids' shops
Dragging it is fun in itself, and that is enough of a reason.
Playful brands
A shop with a sense of humour can have its product cards behave like pudding.

Keep it off

Tailoring and watches
Nothing about precision survives a wobble.
Tightly packed rows
Slides leave their outline as they deform, so give the slider padding or they collide with the edges.

Settings

The names here are gpu slider's, which draws it. The defaults on the sliders are its defaults.

Amber glass jar candle with a blank label and a wooden lid on a terracotta background
Amber jar candle€26
Two white candles in glass jars tied with twine and topped with dried orange flowers
Twine jar candle duo€22
Rows of small white wood-wick candles in glass jars on a light wooden table
Wood-wick minis€38
Two wood-wick candles in glass jars on a light table with a soft blurred plant behind
White fig pair€32
1How soft the slides are.

In the block, in three steps

  1. Add the Product Slider block to your page, and under Products choose one category.
  2. Leave Layout on Row, then pick Jelly under Effect. It comes with Pro.
  3. Give it padding above and below first. Then throw the row and see whether anything gets cut off.

Close relatives

Blocks that can use it

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.

Jelly 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