Variation Swatches for WooCommerce by CartFlows

Breakdance has built-in support for Variation Swatches for WooCommerce by CartFlows. This integration allows variation swatches to work on the Shop template, all product-related archives, and the Single Product template.

Additional documentation for CartFlows may be found on their website.

Enabling Variation Swatches on the Shop Page

After you’ve installed the Variation Swatches for WooCommerce plugin, you can enable Variation Swatches on the Shop page and Product Archives via the following steps:

  1. Go to WooCommerce > Variation Swatches in WP-Admin.
  2. Navigate to Settings > General Settings.
  3. Turn on the “Enable for product page” setting.

Changing Variation Swatch Types

Attribute Types change how Variation Swatches display on the front end. You can use a label, a color, an image, or any other available type. You can change the Attribute Type for swatches either globally or per attribute.

Setting the Global Variation Swatch Attribute Type

  1. In the WP-Admin area, go to Products > Attributes.
  2. Change Variation Swatch Type and Shape as desired.

Defining the Attribute Type for an Individual Product

You can also set the Variation Swatch Attribute Type for products individually:

  1. In the WP-Admin area, select a Product.
  2. Navigate to Product Data > Swatches.
  3. Select the Attribute Type.
  4. Change the desired parameters.
  5. Save your changes.

Styling Variation Swatches

With Breakdance, you can style the variation swatches via Global Settings > WooCommerce > Variation Swatches.

These styling options include most of the options from the Settings page for Variation Swatches, as well as some additional settings specific to Breakdance.