Product Slider BlockFree downloadMenu
Free

Stretch effect for WooCommerce product sliders

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

Pair of red leather low-top sneakers with white laces and soles on a light grey background
Red court low€129
Navy pebbled leather sneaker with a white sole, suspended against a grey wall
Navy pebble low€149
Silver metallic sneakers worn with blue jeans, legs raised against a grey backdrop
Silver foil low€139
Pair of white chunky sneakers with taupe panels lying on red satin
White chunk runner€135
Pair of pale grey suede trainers with lugged soles on a dark glass plinth
Pebble trainer€155
Grey-dial steel chronograph with gold hands and a link bracelet on polished wood
Steel chronograph€420

When the row moves, the middle of each picture hangs back and the ends lead, as if the photos were printed on elastic. When it stops, they spring back. At rest nothing is different from an ordinary row.

It rewards the hand, and it does so only when asked. Nobody who just wants to read a price ever sees it.

Free

Included in the free plugin.

Put it on

Any row of products
It costs nothing in clarity at rest, so there is very little it does not fit.
Trainers and sportswear
Elastic and fast, which is the promise of the product.
Shops new to effects
It is free, it is mild when unused, and it is a good first thing to try.

Keep it off

Single-product layouts
It needs several pictures passing to read. One slide per view just looks like a bowed picture.
Rows that never move
Three products with no drag and no arrows will never show it. You have added nothing.

Settings

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

Pair of red leather low-top sneakers with white laces and soles on a light grey background
Red court low€129
Navy pebbled leather sneaker with a white sole, suspended against a grey wall
Navy pebble low€149
Silver metallic sneakers worn with blue jeans, legs raised against a grey backdrop
Silver foil low€139
Pair of white chunky sneakers with taupe panels lying on red satin
White chunk runner€135
1How far the middle hangs back at speed. 1 is the default, and 2 starts to look like rubber.

In the block, in three steps

  1. Add the Product Slider block to your page, and under Products choose best sellers.
  2. Leave Layout on Row, then pick Stretch under Effect.
  3. Fling the row hard, then gently. The difference between those two is the whole effect. If it barely changes, raise the amount.

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.

Stretch works in the free plugin.

Get the free plugin