WooCommerce Product Variations Swatches WordPress Plugin - Techariens

WooCommerce Product Variations Swatches v1.1.8

Enhance Product Variation Presentation on Your WooCommerce Store
Making product variations more visually appealing is essential for a modern online store. Instead of plain dropdowns, displaying variations as styled swatches improves the user experience and can lead to faster purchase decisions. Using a plugin designed to customize variation swatches on WooCommerce helps present your products in a polished and user-friendly way.

Understanding What This Plugin Does
This tool transforms how product variations appear on the frontend by allowing you to replace dropdowns with visually styled swatches. It gives store owners full control over how global product attributes are displayed, letting you choose from various styles, layouts, and swatch profiles. You can also decide where these swatches show up—on individual product pages, in listings, or even within widgets—and further refine their appearance using custom CSS.

Security note regarding conditional tags
The plugin allows you to display swatches on specific pages using WordPress conditional tags. However, it uses eval() to process these tags, which can be risky. Only use valid and secure conditional tags, ideally provided by experienced developers.

Instantly convert dropdowns into stylish swatches
When you activate the plugin, it automatically replaces traditional dropdown variation selectors with interactive swatches. This improves the overall shopping experience and makes it easier for customers to see all available product options at a glance.

Manage global attributes in the plugin dashboard
You can easily adjust the appearance and behavior of your global product attributes using the plugin’s built-in tools.

• Search for existing attributes quickly using the search bar

• Choose the layout as horizontal or vertical

• Select display types such as buttons, colors, images, variation images, radio buttons, or dropdowns

• Pick a swatch style from preset profiles

• Enable or hide attributes on the product listing pages

• Edit individual attribute terms and assign images or colors to them

• Swap product images automatically when a customer selects a variation

Customize specific attributes using the custom attribute settings
You can define custom attributes and control how they appear based on specific product categories. These settings will only apply if the custom attribute’s name and the associated product category match what you’ve defined.

• Attribute name: Define the custom attribute you want to style

• Select product categories where the attribute settings will apply

• Choose layout style (horizontal or vertical)

• Pick a display type (button, color, image, etc.)

• Apply a swatch profile to control how the swatches appear

• Enable or disable visibility on product lists

• Automatically update product images based on selected variations

• Duplicate or delete rules as needed

Create and manage unlimited swatch profiles
The plugin includes three preloaded swatch profiles, but you can create as many custom ones as you like. Modify or remove existing profiles or build new ones from scratch. Each swatch profile allows full customization for every interaction state:

• Default view: Control size, colors, background, borders, and name styling

• Hover effects: Set background, border, and box-shadow effects

• Selected state: Customize how swatches look when selected

• Tooltip design: Adjust the tooltip’s font size, position, color, and borders

• Duplicate or delete profiles as your design needs change

Control how swatches appear across product listings
Use the settings under the Product List section to manage where and how swatches are shown throughout your site.

• Enable “Add to Cart” visibility after selecting attributes

• Choose whether to display attribute names with swatches

• Position swatches on the shop page, category pages, or listings (with optional custom positioning)

• Toggle tooltip visibility for extra guidance

• Set a limit on how many attribute items appear at once

Additional key features

• Automatic updates: Just enter your purchase code and the plugin updates itself when new versions are released

• Mobile-friendly design: Works seamlessly on smartphones and tablets

• User-friendly interface: Simple and intuitive to use—even for beginners