|
/ Documentation /Variation Swatches/ Overview: Variation Swatches for WooCommerce

Overview: Variation Swatches for WooCommerce

Variation Swatches for WooCommerce replaces the default variation dropdowns with customizable color, image, or label swatches. It enhances the product selection experience on your product and shop pages by making variation choices more intuitive and visually appealing.

This documentation provides a quick overview of the plugin’s purpose and key features before moving on to setup and customization options.

To get started with Variation Swatches:

  1. Install and activate the plugin.
  2. Create global attributes and terms using Products > Attributes.
  3. Assign attributes to variable products and configure swatches as needed.

Make product variations easier to browse with the following features:

Key Features:

  1. Swatch Types
    Choose between color, image, or label swatches for variation display.
  2. Swatch Shapes and Sizes
    Customize the shape (circle, square, etc.) and size of swatches to match your store design.
  3. Tooltip and Hover Effects
    Add tooltips and optional image previews for swatches.
  4. Shop Page Display
    Show swatches on shop or archive pages in addition to single product pages.
  5. Widget and Filter Support
    Enable swatches in product filter widgets for better navigation.
  6. Custom Styling Options
    Fine-tune font size, border styles, and alignment for swatches and labels.

Need help installing the plugin? Refer to this documentation: How to Install and Activate the Variation Swatches Plugin

Was this doc helpful?
What went wrong?

We don't respond to the article feedback, we use it to improve our support content.

Need help? Contact Support
On this page