Product Slider BlockFree downloadMenu
Pro
Black over-ear wireless headphones on a white background
Coral red wireless headphones lying on a polished red wooden surface
White wired headphones with brushed metal ear cups on a yellow background
White on-ear wireless headphones on a white background
Black open-back headphones on a dark textured surface, in black and white
Grey-dial steel chronograph with gold hands and a link bracelet on polished wood
Open brass pocket watch with a white dial, resting on its chain on pale fabric
Unlabelled white pump bottles and jars beside stacked white towels

Wave effect for WooCommerce product sliders

Soft-shell headphones

€219

Drag it, or click a slide at the side.

The row runs along a wave and crosses the view on a slope: a ribbon of products that rises and falls as it moves. Each slide rides a different height.

A strict grid has gone, and that is what catches the eye. Add a ticker and the ribbon seems to keep going by itself.

Pro

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

Put it on

Music and audio
It is a waveform with products on it. Done.
Summer and surf shops
Beach towels on a wave need little explaining.
A bold full-width band
Used as a break between calmer sections of a page.

Keep it off

A dense layout with tight bands
It needs height above and below for its peaks.
Prices next to every product
The captions stay on a straight line while the pictures rise, so keep the labels short, or show them in one caption.

Settings

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

Black over-ear wireless headphones on a white background
Soft-shell headphones€219
Coral red wireless headphones lying on a polished red wooden surface
Coral wireless headphones€179
White wired headphones with brushed metal ear cups on a yellow background
Brushed metal headphones€89
White on-ear wireless headphones on a white background
Chalk on-ear headphones€129
0.12How high the wave rises, relative to the view.
1.4Length of a wave, in widths of the view.
-0.25The slope across the view, in pixels per pixel.

In the block, in three steps

  1. Add the Product Slider block to your page, and under Products choose best sellers.
  2. Pick Wave under Effect. The block centres the row for it. It comes with Pro.
  3. Allow padding around it and drag to the end. No peak should be cut off at the top of the band.

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.

Wave 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