Product Slider BlockFree downloadMenu
Pro

Edges effect for WooCommerce product sliders

Framed abstract print of a blue and a red half circle on pale paper, on a grey wall
Two half moons€58
Framed abstract print of diagonal yellow and blue stripes in an oak frame
Road stripes€48
Abstract print of green contour lines around a centre, in a white frame
Contour study€72
Framed abstract print of an amber square inside an orange square on crimson
Nested squares€65
Abstract print of soft bands of bright colour, in a white frame
Plasma field€95
Abstract print of red and black concentric arcs from one corner, in an oak frame
Rising arcs€110
Grey-dial steel chronograph with gold hands and a link bracelet on polished wood
Steel chronograph€420
Open brass pocket watch with a white dial, resting on its chain on pale fabric
Brass hunter pocket watch€148

Drag the row and watch both ends.

A transition at the two ends of a row. A slide moving out of view leaves as the transition takes it away, and a slide coming in arrives as it brings it. A slide resting inside is as it is.

A row stays a row, draggable, with prices beneath, and the place where products get cut off now has something to do. Any transition goes in; without one, slides fade at the ends.

Pro

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

Put it on

Long rows that loop
The ends do something on each pass, and the middle stays calm for reading.
Glyphs or weave at the edges
A transition that dissolves on a grid looks like a slide resolving itself on arrival.
Fractions in view
At 3.4 slides per view something is always in the middle of arriving.

Keep it off

Only three products in the row
If everything rests in view, the transition never gets to play.
Very narrow columns
A slide near the end is in view for too short a time to see much.

Settings

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

Framed abstract print of a blue and a red half circle on pale paper, on a grey wall
Two half moons€58
Framed abstract print of diagonal yellow and blue stripes in an oak frame
Road stripes€48
Abstract print of green contour lines around a centre, in a white frame
Contour study€72
Framed abstract print of an amber square inside an orange square on crimson
Nested squares€65
0Where it begins, in widths of a slide past the end of the view. 0 is a slide that touches it.
1Where it ends. 1 is a slide that has left.

In the block, in three steps

  1. Add the Product Slider block to your page, and under Products choose the newest products.
  2. Leave Layout on Row with a fraction of a slide in view, then turn on Edges and choose a transition. It comes with Pro.
  3. Leave a fraction in your number of slides in view. Whole numbers leave little to transition except during a move.

Close relatives

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.

Edges 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