Product Slider BlockFree downloadMenu

Colour reveal hover effect for WooCommerce images

The picture loses its colour when the pointer arrives, and keeps it only in a soft circle around the hand, which you can wipe across the image. Colour is what the eye goes to, so the product under the pointer is what people look at.

Framed abstract print of a blue and a red half circle on pale paper, on a grey wall
Close-up of the two half moons
Two half moons in another colour, a stand-in for a variation image

Two half moons

€58

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.

It is best when colour is what is on sale: prints, dyes, paints, ceramics. It makes people look at colour for slightly longer than they would have, and it lets go the moment they leave.

What the sliders do

Size
How big the circle of colour is. Small is more of a game, and large is kinder to the product.

Where we started

The values we started this page on: Size 45, Strength 50.

Questions

Why is there no Strength here?

Reveal has one setting. A part of the picture has its colour or it does not, so the sidebar's Strength has no effect on it.

Should I use it on a grey product?

No. If there is no colour to take away, nothing visible happens.

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