Choose Your Perfect Plan

3 Swatch Shapes

Choose from Square, Rounded, or Circle swatches to match your store’s visual style.

Deselect On Click

Let users unselect a swatch by clicking it again — improves usability and clarity.

Enable/Disable tooltip

Choose whether to display tooltips on swatch hover — useful for longer attribute names.

Auto convert variations

Automatically convert dropdowns into swatches without manual setup — just install and go.

Swatches Alignment (Left, Center, Right)

Align swatches based on your product layout or language direction (LTR/RTL).

2 different tooltip types (text, image)

Show text-based or image-based tooltips to give customers extra visual context.

3 different Swatch types (label, color, image)

Display product attributes using labels, colors, or images — no extra plugins needed.

Set Swatch width, height & font size

Customize swatch dimensions and font styling for consistent design across devices.

Variation Label Separator

Customize the separator between attribute labels (e.g., Color: Blue).

Enable/Disable Shape inset

Control the space around each swatch for more precise visual alignment.

Individual Product Overrides

Override global swatch settings for specific products when unique layouts are needed.

Swatch Preview Column for Admin

View swatches directly in the product attribute list inside your admin dashboard.

Shape Inset size

Adjust the size of the shape inset to create tighter or looser swatch spacing.

Enable/Disable Swatches for Shop page

Show or hide swatches directly on your category and archive pages.

Enable/Disable Swatch Limit for shop page

Limit how many swatches display to prevent clutter on product grids.

Ajax Add to Cart

Instantly add products to the cart without reloading the page.

Swatches Position Control

Set where swatches appear—before/after title, price, or add to cart button.

Number of Swatch to Show

Define how many swatches to display per product on shop pages.

Custom Add to Cart

Customize the button text or behavior for better UX.

Custom Hook Position

Use a custom WooCommerce hook to control swatch placement.

Show/Hide Clear Link for shop page

Let users remove selected variations with a “Clear” link.

Show/Hide WC Forward Button

Toggle visibility of the WooCommerce continue/forward button.

Shortcode Support

Display swatches anywhere using a simple shortcode.

Show/Hide Swatches label for shop page

Toggle labels (e.g., “Color”, “Size”) under swatches on shop pages.

Popup Notice Toggle

Enable a popup notice when variation selection is incomplete.

Product Thumbnail Selector

Let users switch product thumbnails by clicking swatches.

Swatch Text Color

Customize the color of the text inside swatches.

Tooltip Spacing

Adjust spacing between tooltip elements.

Swatches Wrapper (Margin, Padding)

Adjust the spacing around the full swatch group container.

Swatch Text Typography (size, line height)

Adjust text size and line height for swatch labels.

Tooltip Text (Color, Size, Line height)

Customize tooltip font color, size, and spacing.

Tooltip Width

Define the width of the tooltip box.

Swatch Background Color

Set background color for each swatch item.

Tooltip Arrow (Size, Color, Spacing, Border)

Modify the tooltip arrow for design alignment.

Tooltip Background Color

Choose the background color of the tooltip container.

Swatch Border (Size, Color)

Customize border size and color around swatches.

Tooltip Image (Border, Color)

Customize the border and color of tooltip images.

Tooltip Border (Size, Color, Type)

Style the tooltip border with custom size, color, and solid/dotted styles.

Swatch Item (Margin,Padding)

Define spacing inside and around each swatch.