{"id":18697,"date":"2012-06-13T19:46:31","date_gmt":"2012-06-13T17:46:31","guid":{"rendered":"http:\/\/woo.com\/shop\/variation-swatches-and-photos\/"},"modified":"2026-03-15T16:03:32","modified_gmt":"2026-03-15T14:03:32","slug":"variation-swatches-and-photos","status":"publish","type":"product","link":"https:\/\/woocommerce.com\/products\/variation-swatches-and-photos\/","title":{"rendered":"Variation Swatches and Photos"},"content":{"rendered":"

Replace dropdowns with color and image swatches<\/h2>\n

Give your product variations a cleaner, more intuitive presentation by replacing standard dropdown fields with color swatches and image selections.<\/p>\n

Instead of forcing customers to select from text-based options, you can present variations visually\u2014making it easier to understand available styles, colors, sizes, or configurations at a glance.<\/p>\n

\n\t
\n\t\t\"Variation
\n\t<\/a>\n<\/div>\n

Swatches improve usability, reduce friction, and create a more polished shopping experience\u2014especially for products where visual choice matters.<\/p>\n

Simple setup, no complexity<\/h2>\n

This extension is designed to be easy to configure and maintain.<\/p>\n

You can define swatches in two ways:<\/p>\n