Choosly – WooCommerce Product Variations Swatches

When product options appear in dropdown menus, shoppers have to open each menu to see the available choices. Choosly presents WooCommerce product variations as visual swatches, giving customers a more direct way to compare colors, images, and text labels while browsing a product.

Use the plugin with WooCommerce variable products to display their attributes as swatches. You can adjust swatch size, shape, border, and spacing to suit your storefront design. The plugin also offers hover effects that show variation details and can automatically turn default attribute options into swatches.

Features

• Color swatches: Show product variations as color options, so shoppers can view color choices directly on the product page.
• Image swatches: Use images to represent variations such as fabrics, patterns, or styles, giving shoppers a visual reference for each option.
• Text labels: Represent variations with text labels to make each option clear to shoppers.
• Adjustable appearance: Set swatch size, shape, border, and spacing to fit the look of your storefront.
• Hover details: Display variation details on hover to give shoppers more guidance as they review product options.
• Automatic swatch creation: Convert default product attribute options into swatches automatically, reducing the need to set up each display by hand.

Best for

• WooCommerce stores selling products with color options
• Stores displaying fabric, pattern, or style variations
• Shop owners who prefer visual options to dropdowns