fbpx
Color Swatches

Description

Booster Product Variation Swatches is easy to use WooCommerce product variation swatches plugin. It offers an aesthetic and professional experience to select attributes for variation products. It turns the product variation select options fields into radio images, colors, and labels. It means with the help of this powerful WooCommerce color or image variation swatches plugin, you can show product variation items in images, colors, and labels. So, you can say goodbye to dropdown product attribute fields.

This module enables Auto Convert All Variation Dropdowns to Button Swatch by Default

Product Variation Swatches

This plugin is Exclusive to Booster Elite and Agency Bundles.

Please check the main Enable Module checkbox to enable the feature.

Admin Settings

Convert default dropdowns to button


Enable / Disable
Default: yes

Attribute Display Style
Selected you want attributed need to rounded or square

Style
Select the appereance type for wishlist feature. Possible values: Button; Text(Link).
Default: Text(link)

Color Variation Item Width
set the color variation width

Color Variation Item Height
Set the color variation height
Default: 15

Enable / Disable
Default: yes

Position Order
Sets the position or priority of the wishlist button or link.
Default: 30px

Image Variation Item Width
Set image variation width
Default: 30px

Image Variation Item Height
Set image variation height
Default: 30px

Button Variation Item Width
Set button variation height
Default: auto

Button Variation Item Height
Set button variation height
Default: auto


On Admin Panel, Products >> Attributes All global attributes are listed in the attribute section. After enabling Product Variation Swatches plugin, it adds the Booster Variation Swatches type field on add new attribute and exit attribute screen. You can select as per your requirement for example color, image, button.

Admin Settings Color

Admin Settings Color Swatches

After setting the Booster Variation Swatches type field, you can set colors or images on the add/edit attribute terms page.

Admin Settings Img

Admin Settings Clr

Frontend View:

Frnt View St

Frnt View Nd

 

Accessible through:
  • WooCommerce > Settings > Booster >Products > Product Variation Swatches
Tested on WooCommerce 6.6.1 and WordPress 6.0