Product Slider BlockFree downloadMenu

Bold, a card you want to press

A heavy border in your text colour goes around the card, a matching hard shadow sits behind it at an angle, and the card presses down into that shadow when pointed at. Pro

Pair of red leather low-top sneakers with white laces and soles on a light grey background
Red court low€129Soft leather upper, cushioned sole. Comes with a spare set of laces.
Navy pebbled leather sneaker with a white sole, suspended against a grey wall
Navy pebble low€149Soft leather upper, cushioned sole. Comes with a spare set of laces.
Silver metallic sneakers worn with blue jeans, legs raised against a grey backdrop
Silver foil low€139Soft leather upper, cushioned sole. Comes with a spare set of laces.
Pair of white chunky sneakers with taupe panels lying on red satin
White chunk runner€135Soft leather upper, cushioned sole. Comes with a spare set of laces.
Pair of pale grey suede trainers with lugged soles on a dark glass plinth
Pebble trainer€155Soft leather upper, cushioned sole. Comes with a spare set of laces.

The press

The movement is quick and short, a quarter of a rem down and across, while the shadow shrinks to meet it. It feels like pushing a physical button, and it is the most playful hover among the designs. It suits snacks, drinks, toys, sneakers and anything young and loud.

A strong look wants a strong theme

Black lines and hard shadows are a style with opinions. On a quiet luxury theme they will look like a mistake, and on a bright theme with heavy type they will look like they belong there. The colour comes from your theme's text colour, so a coloured text setting changes it all.

Space around the card

The shadow goes outside the card, so each slide keeps a little padding on the right and at the foot to hold it. Name and price share a line while they fit, in bold, and a longer name or a sale price sends the price to its own line instead of cutting the name.

Questions

What about less motion?

People who asked for less motion see the pressed state without the movement.

Does the shadow work with an effect on the images?

Yes. The border and shadow belong to the card, not to the picture, so both stay on with an effect.

Sample products throughout. Pro starts at $19 a year.

Get the free plugin