Product Slider BlockFree downloadMenu
Pro

Burn transition for WooCommerce product sliders

Amber glass jar candle with a blank label and a wooden lid on a terracotta background
Two white candles in glass jars tied with twine and topped with dried orange flowers
Rows of small white wood-wick candles in glass jars on a light wooden table
Two wood-wick candles in glass jars on a light table with a soft blurred plant behind
Two lit golden yellow taper candles against a dark background
Lit teal and grey pillar candles in a dim, moody setting

Amber jar candle

€26

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

The picture burns away along an uneven front with a glowing edge, and the next product is what is left behind it. The front wanders, so no two passes feel identical.

The glow is the part people notice, and it reads best when the photo around it is dark.

Pro

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

Put it on

Candles, incense, matches
The obvious one, and it is obvious because it works. The product is about flame.
Barbecue, chilli, whisky, coffee
Anything with smoke or heat in its story can carry a little theatre.
Dark, moody photography
An ember on black looks expensive. The same ember on white looks like a scorched page.

Keep it off

Paper-white catalogues
The glowing edge has nothing to glow against, and the effect reads as dirt.
Flammable or safety-sensitive goods
Children's nightwear, fuel cans, fire blankets. Think about what the picture implies.

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.

Amber glass jar candle with a blank label and a wooden lid on a terracotta background
Two white candles in glass jars tied with twine and topped with dried orange flowers
Rows of small white wood-wick candles in glass jars on a light wooden table
Two wood-wick candles in glass jars on a light table with a soft blurred plant behind

Amber jar candle €26

1600The front has to travel across the frame. Too quick, and you only see a flash of orange.

In the block, in three steps

  1. Add the Product Slider block to your page, and under Products choose one category.
  2. Set Layout to One at a time, then pick Burn under Transition. It comes with Pro.
  3. Compare your darkest and lightest photo. If the light one looks stained in the middle of the move, choose a darker set for this slider.

Close relatives

In a sample shop

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.

Burn 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