Product Slider BlockFree downloadMenu
Pro
Framed abstract print of a blue and a red half circle on pale paper, on a grey wall
Framed abstract print of diagonal yellow and blue stripes in an oak frame
Abstract print of green contour lines around a centre, in a white frame
Framed abstract print of an amber square inside an orange square on crimson
Abstract print of soft bands of bright colour, in a white frame
Abstract print of red and black concentric arcs from one corner, in an oak frame
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

Pile effect for WooCommerce product sliders

Two half moons

€58

Drag it, or click a slide at the side.

The products lie as a pile of cards. The one on top leaves to the side as you drag, showing the next. Each card sits a little offset and a little rotated, like photographs dropped on a table.

It has a pleasant untidiness. It also shows there is more beneath, without giving any of the page to it. It works best with six to twelve products.

Pro

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

Put it on

Prints and postcards
They really do come in a pile.
Stationery, swatches, sample packs
Flipping through a stack is how you would browse them in a shop.
A small space
It uses one slide's footprint and still tells people there are several.

Keep it off

Long lists
Nobody flips through thirty cards. Keep it to about eight.
Rooms and landscapes
A sofa as a card on a pile undermines its weight.

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
Framed abstract print of diagonal yellow and blue stripes in an oak frame
Abstract print of green contour lines around a centre, in a white frame
Framed abstract print of an amber square inside an orange square on crimson

Two half moons €58

0.06How far each card sits from the one above.
5How much each one is rotated, in degrees.

In the block, in three steps

  1. Add the Product Slider block to your page, and under Products choose hand-picked products.
  2. Pick Pile under Effect. The block centres the row for it. It comes with Pro.
  3. Drag the top card slowly. The next one should already be readable before the first has left.

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.

Pile 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