Product Slider BlockFree downloadMenu
Pro

Shift effect for WooCommerce product sliders

Move your pointer over the picture, or drag a finger across it. Change its size on a product card.

Woman wearing an oat wool coat over her shoulders against a warm sand backdrop
Oat wool coat€340
Woman in a checked blazer, jeans and white sandals leaning on a leather chair in a studio
Check blazer€175
Woman lowering her sunglasses, wearing a belted taupe trench coat against a brown backdrop
Taupe belted trench€260
Woman in a stone-coloured double-breasted trench coat against a pale grey backdrop
Stone trench€245
Woman in an oversized black leather blazer sitting on a wooden stool in a studio
Leather boyfriend blazer€390
Person in a fuchsia blazer, jeans and a blue and white striped scarf against a pink backdrop
Fuchsia blazer€189

The colours come apart around the pointer along its path. A fast move leaves a trail of misregistered colour, while a still pointer does nothing at all.

Think of a riso print with the plates slipped. It is a nice quiet print-shop reference, and it never hides the object.

Pro

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

Put it on

Print-led fashion
Screen-printed tees and zines, where misregistration is already part of the charm.
Black and white campaign photos
The only colour on the page comes from your hand.
Agency or designer merch
People in that world will know the reference.

Keep it off

Colour-true buying
It only happens during movement, but do not use it where a colour promise matters.
Low-contrast photos
With no edges to catch, it shows as faint fuzz.

Settings

In the block, the Pointer panel has two sliders, Size and Strength, from 0 to 100, with 50 at these defaults.

Woman wearing an oat wool coat over her shoulders against a warm sand backdrop
Oat wool coat€340
Woman in a checked blazer, jeans and white sandals leaning on a leather chair in a studio
Check blazer€175
Woman lowering her sunglasses, wearing a belted taupe trench coat against a brown backdrop
Taupe belted trench€260
Woman in a stone-coloured double-breasted trench coat against a pale grey backdrop
Stone trench€245
0.7Area it affects around the pointer.
1How far the colours part.

In the block, in three steps

  1. Add the Product Slider block to your page, and under Products choose the newest products.
  2. Open the Pointer panel in the sidebar, and pick Shift as the effect. It comes with Pro.
  3. Move across a sharp black line in your photo. You want a clean red and blue fringe.

Close relatives

On a product card

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.

Shift 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