Product Slider BlockFree downloadMenu
Pro

Fold transition for WooCommerce product sliders

Woman wearing an oat wool coat over her shoulders against a warm sand backdrop
Woman in a checked blazer, jeans and white sandals leaning on a leather chair in a studio
Woman lowering her sunglasses, wearing a belted taupe trench coat against a brown backdrop
Woman in a stone-coloured double-breasted trench coat against a pale grey backdrop
Woman in an oversized black leather blazer sitting on a wooden stool in a studio
Person in a fuchsia blazer, jeans and a blue and white striped scarf against a pink backdrop

Oat wool coat

€340

Drag the picture sideways and hold: you can stop in the middle of the move.

The picture folds away to the left like a page being turned, and the next product is underneath. It has a direction, a hinge and a shadow of paper in it.

People know what comes after a page, so a fold quietly tells them that there is more to see.

Pro

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

Put it on

Lookbooks and fashion
It turns a slider into a magazine, which is often the point of a lookbook.
Books, stationery, wrapping paper
The product is made of the same stuff as the move.
Tall portrait photos
The hinge travels the full height, which looks elegant on a tall crop.

Keep it off

Sliders with text in the photo
Sale banners baked into the picture crease mid-sentence.
Right-to-left shops
It always folds to the left, which runs against the reading direction there.

Settings

In the block the time of a move is a setting on every transition. Everything else on this list comes from gpu slider, which draws it.

Woman wearing an oat wool coat over her shoulders against a warm sand backdrop
Woman in a checked blazer, jeans and white sandals leaning on a leather chair in a studio
Woman lowering her sunglasses, wearing a belted taupe trench coat against a brown backdrop
Woman in a stone-coloured double-breasted trench coat against a pale grey backdrop

Oat wool coat €340

1000A page turned in one second feels like a person did it. Faster feels like a door slam.

In the block, in three steps

  1. Add the Product Slider block to your page, and under Products choose one category.
  2. Set Layout to One at a time, then pick Fold under Transition. It comes with Pro.
  3. Use a tall crop if your theme allows. Compare a square and a 4:5 slider and keep the one that feels more like a magazine.

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.

Fold 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