Product Slider BlockFree downloadMenu
Pro

Datamosh transition for WooCommerce product sliders

Pair of red leather low-top sneakers with white laces and soles on a light grey background
Navy pebbled leather sneaker with a white sole, suspended against a grey wall
Silver metallic sneakers worn with blue jeans, legs raised against a grey backdrop
Pair of white chunky sneakers with taupe panels lying on red satin
Pair of pale grey suede trainers with lugged soles on a dark glass plinth

Red court low

€129

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

Blocks of the picture jump by random amounts, pushed by the brightness of the photo, and flip to the next product at random. It looks like a damaged video file finding its way.

It has more of a hand-made ugliness than glitch does. Bright parts jump furthest, so it does different things to every photo.

Pro

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

Put it on

Music merch and record labels
Datamoshing is a known look in music video, and this audience reads it as taste.
Limited drops with a narrow audience
Niche enough to feel like an in-joke.
High contrast shots
Bright shapes on dark give it plenty to throw about.

Keep it off

Mainstream gift shops
Most people will assume the page is broken and refresh.
Flicker-sensitive visitors
Combining random jumps and autoplay is unkind. Trigger on click only.

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.

Pair of red leather low-top sneakers with white laces and soles on a light grey background
Navy pebbled leather sneaker with a white sole, suspended against a grey wall
Silver metallic sneakers worn with blue jeans, legs raised against a grey backdrop
Pair of white chunky sneakers with taupe panels lying on red satin

Red court low €129

900Less than a second of damage. It is a spice.

In the block, in three steps

  1. Add the Product Slider block to your page, and under Products choose the newest products.
  2. Set Layout to One at a time, then pick Datamosh under Transition. It comes with Pro.
  3. Show it to someone outside your niche. If they think it is broken, decide whether you mind.

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.

Datamosh 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