Variation Swatches

Button, image and color swatches are added by the plugin Variation Swatches for WooCommerce https://wordpress.org/plugins/woo-variation-swatches/

The plugin is not bundled. Instead, it works with the free version from the WordPress repository. But everything displayed on the demo site is possible with the free version.

The color/image swatches work with the default WooCommerce attributes. Let’s see an example.

Product > Attributes setup

In the following list the attribute is named Color. But it could be any other name.

Edit your attribute and select type Color (or Image if you want to add an images instead of a plain color)

If you selected the image Type instead, you will be able to upload an image for the swatch.