Product Slider BlockFree downloadMenu

Liquid smear hover effect for WooCommerce products

The pointer drags the image along, like a finger through wet paint: the faster, the further. It recovers shortly after.

Two unlabelled cream pump bottles on an orange and red backdrop with diagonal light
Close-up of the daily lotion duo
Daily lotion duo in another colour, a stand-in for a variation image

Daily lotion duo

€34

Point at the picture. On a touch screen, press and drag.

Pointer

These are the block's own settings, on this page working live. All Pro.

Use it for things you would touch to judge: creams, balms, paints and butter. It connects hand and product in a way that a clean picture cannot, and it is gone as soon as they stop.

What the sliders do

Size
How wide the finger is. A wide one moves more of the picture, a narrow one leaves a stripe.
Strength
How far it drags at a given speed. Too high, and a slow pass already destroys the picture.

Where we started

The values we started this page on: Size 55, Strength 60.

Questions

Will it mess up the photo for good?

No. It recovers in about a second, and at rest the photo is untouched.

Could it be triggered by accident?

Yes, passing over it on the way somewhere leaves a brief smear. Keep it away from where people move to reach a button.

More on it

Mouse effects come with Pro. Pro starts at $19 a year. The free plugin has hover morph and the storewide switches.

Get the free plugin