Product Slider BlockFree downloadMenu
Pro
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
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

Unweave effect for WooCommerce product sliders

Oat wool coat

€340

Drag it, or click a slide at the side.

Near the two ends of the view, slides come apart into threads, as off a loom: each row runs on past the image for a length of its own. In the middle, nothing happens.

It solves an old row problem: products being cut off by the edge of the container. Here the cut becomes a feature, and the products fray out into nothing.

Pro

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

Put it on

Textile and fashion rows
Frayed edges are a real detail in that world.
Full-bleed bands
At the edge of the screen, threads look like they carry on past the window.
Long horizontal loops
Works especially well with several products in view, moving slowly.

Keep it off

One slide per view
It only affects the ends of the view, and a single large slide never rests there.
Hard, precise products
Fraying a stainless steel knife is a mixed message.

Settings

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

Woman wearing an oat wool coat over her shoulders against a warm sand backdrop
Oat wool coat€340
Woman in a checked blazer, jeans and white sandals leaning on a leather chair in a studio
Check blazer€175
Woman lowering her sunglasses, wearing a belted taupe trench coat against a brown backdrop
Taupe belted trench€260
Woman in a stone-coloured double-breasted trench coat against a pale grey backdrop
Stone trench€245
0.8How long the threads run at the end of the view.
70Threads in the height of a slide.
0.55Where it begins, from the middle to the end of the view.
0.5How far the threads come apart.

In the block, in three steps

  1. Add the Product Slider block to your page, and under Products choose one category.
  2. Pick Unweave under Effect. The block centres the row for it. It comes with Pro.
  3. Look at the ends of the row at rest. You should see threads begin at about the point set by start. Move it outward if they reach a product you want clean.

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.

Unweave 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