en

Check 10 / 21 LOW impact In the full checklist

Color / size swatches with photos, not dropdowns

What this check is

A dropdown hides the colour; a swatch shows it. On a product where colour or pattern is the reason to buy, a picture of each variant in the selector reduces both the wrong-variant order and the hesitation.

How to implement it

Map each variant to an image, enable swatches in the theme, and use the real product photo for each colour rather than a generic paint chip. On mobile keep the swatches large enough to tap without zooming.

How to verify it

Tap through every swatch on the product page and confirm the main image, the variant price and the URL update, and that an out-of-stock variant is visibly disabled rather than silently selected.

All 197 checks, one Google Sheet

This page is the summary. The full checklist carries the priority, the impact score and the tool link for every check — all 197 of them, across 14 categories, as a Google Sheet and CSV with lifetime updates.

$19 $197 one-time · 30-day money-back guarantee

Unlock 179 checks — $19

More in Product Page

All 21 Product Page checks · All 14 categories