WooCommerce plugin

SwatchCraft Variation Swatches for WooCommerce

Name: SwatchCraft – Variation Swatches for WooCommerce
Brand: Melopo
Availability: InStock

Dropdowns out. Swatches in.

SwatchCraft turns the variation dropdowns of WooCommerce into colour, image and button swatches that customers understand at a glance. Options that do not exist or are sold out are crossed out, the photo and the price follow every click, and the same swatches appear in the shop, so customers can pick a colour before they even open the product.

Install it and it works: colours are found from the names of your attributes ("Navy", "Black / White", "Rojo"), sizes become buttons. It works with your theme, classic or block.

Try the live demo Buy · from 29 USD/year

Yearly or lifetime licence (59 USD for 1 site), also for 5 or unlimited sites. 14-day money-back guarantee, no questions asked. If the licence expires the plugin keeps working; only updates and support stop.

SwatchCraft – Variation Swatches for WooCommerce

Video

SwatchCraft in 45 seconds

Features

What SwatchCraft does

Every kind of swatch

Colour swatches, including two-colour swatches for values such as "Black / White"
Image swatches for patterns, fabrics and materials, with a bigger image in the tooltip
Variation photo swatches: the photo of each variation, with nothing to upload
Buttons for sizes, radio buttons and the normal dropdown where you prefer it
Automatic mode: colours for colour attributes, buttons for everything else, on every attribute you already have
Works with global attributes and with custom attributes typed on a single product

Colours without the typing

Colours come from the attribute names: more than 140 colour names in English, Spanish, French, German, Italian and Portuguese, with "light" and "dark" shades
Quick colour editor: every value of an attribute on one screen with its colour, second colour, image and tooltip
"Fill colours from names" in one click; change only what is wrong
The same fields on the attribute term screens of WooCommerce, with a Swatch column in the list

On the product page

Unavailable combinations crossed out, blurred or hidden; sold-out options the same, separately
The selected value next to the attribute name ("Colour: Navy")
Tooltips with the name, or a bigger image for image swatches
Click again to deselect, a "Clear" link, full keyboard navigation and screen reader labels
Combination list: every variation in one list with its photo, price and stock, chosen with one click
Products with up to 120 variations load them all at once, so the crossed-out options are right from the first click

In the shop

Swatches under each product in the shop, categories, search results and the Product Collection block
The product photo and the price change with the colour
Add to cart from the shop when the product has one attribute (for example, a mug in four colours)
Choose the attribute, the position, the size and how many swatches to show ("+3" leads to the product)

Linked products

Join separate products as if they were colours of one product: each keeps its own page, price and reviews
Groups by products or by category, with colour swatches or product photos
The link leads to the matching product: from "Orange, Large" to "Navy, Large"

Filter by swatch

"Filter by Swatch" block and shortcode: colours and images with counts
Uses the layered navigation of WooCommerce, so it works with the shop, categories and other filters

Control

Live preview of every setting before saving
Shapes (circle, rounded, square), sizes for product and shop pages, accent colour
A type per attribute, and per-product options: swatches, combination list or dropdowns, a type and colours of its own
Turn the shop swatches on or off per product

Compatible

Classic themes and block themes (Add to Cart with Options and Product Collection blocks)
High-Performance Order Storage (HPOS) and the Cart and Checkout blocks
Multisite, translation ready (Spanish included)
Hooks and filters for developers

Screenshots

See it working

Requirements

WordPress 6.5 or newer
WooCommerce 8.0 or newer
PHP 7.4 or newer

SwatchCraft

29 USD/year · 59 USD lifetime

Try the live demo Yearly licence · 29 USD Lifetime licence · 59 USD

5 sites and unlimited sites are chosen at checkout.

Questions before buying: hola@melopo.com

Melopo Radar

Your store, watched every day

Plugins add features. Melopo Radar tells you when something stops selling: outages, payment gateways that fail, products without price or photo, duplicates and broken links, sorted by the money each problem costs you.

Check my store for free Try Melopo Radar

More plugins for your store

See all plugins