WooCommerce Attribute Swatches

Standard dropdowns can make product options harder to compare at a glance. This plugin presents WooCommerce product attributes as color swatches, image swatches, or text buttons, so shoppers can view available variations while browsing a product. Use color codes or a color picker for color options, and upload images to represent textures, materials, or finished products.

Swatch appearance and behavior can be set across the store or adjusted for individual products. Choose round or square shapes, set their size, and select how active swatches appear. Tooltips can show attribute names or descriptions, and image swatches can display a larger preview on hover. Swatches can also appear in product filters and beneath listings on shop, category, and archive pages.

Features

• Color swatches: Represent color variations with swatches using hex codes or a color picker, giving shoppers a visual way to compare available hues.
• Image swatches: Upload images to represent product attributes such as textures, materials, or finished products.
• Text button options: Display text attributes as clickable buttons, providing a button-style option for product variations.
• Adjustable swatch styles: Choose round or square shapes, set swatch size, reorder the display, and use ticks or borders to show active options.
• Attribute tooltips: Show attribute names or descriptions in tooltips when shoppers hover over swatches.
• Catalog page swatches: Display product attribute swatches beneath listings on shop, category, and archive pages.
• Attribute fees: Add variable fees to specific product attributes, with product pricing adjusting as shoppers select options.

Best for

• WooCommerce stores selling variable products
• Shops with color, size, or material options
• Store owners who want visual product filters