WooCommerce Product Variations Swatches CodeCanyon 26235745 1.1.8

The item with CodeCanyon ID 26235745 is a premium WordPress plugin for WooCommerce that is generally titled "WooCommerce Product Variations Swatches" or a very similar name (like Super Product Variation Swatches for WooCommerce or WooCommerce Variation Swatches Master).

This type of plugin is essential for e-commerce sites selling products with multiple options (like size, color, material) as it significantly enhances the user experience and conversion rate.1

Core Functionality

The primary purpose of the plugin is to replace the default, plain WooCommerce product variation dropdown menus with visually appealing and interactive swatches.2

Default WooCommerce

Improved with Swatches Plugin

Dropdown Menu: Customers must click to open a menu to see all options (e.g., a "Color" dropdown).

Visual Swatches: All options are immediately visible as buttons, colors, or images (e.g., small circles of Red, Blue, Green).

Key Features and Capabilities

This category of plugin typically offers a robust set of features, including:

Swatch Types:

Color Swatches: Replaces color-related dropdowns with actual color circles or squares.3 Many support Dual Color for products with two colors in one variation.4

Image Swatches: Replaces dropdowns with small images, perfect for showcasing patterns, textures, or materials.5

Label/Button Swatches: Replaces size, material, or other text-based dropdowns with neat, clickable buttons/labels (e.g., S, M, L).6

Radio Swatches: Displays variations as radio buttons.7

Display on Archive/Shop Pages (Catalog Mode):8 Allows shoppers to select variations directly on the main shop or category page without having to click through to the single product page.

Customization & Styling:

Shapes: Choose between rounded (circle) or square swatches.9

Custom Sizes: Adjust the width, height, and spacing of the swatches.10

Selected/Out-of-Stock Styles: Customize the look of the selected swatch (e.g., border color) and how unavailable/out-of-stock variations are displayed (e.g., blurred, crossed out, or hidden).11

Product Image Integration:

The main product image changes instantly when a customer clicks a color or image swatch, providing an immediate visual representation of the chosen variation.

Tooltips: Enables an informative tooltip (text or image) to pop up when a user hovers over a swatch, providing extra details about that specific variation.12

Global and Product-Specific Settings: You can configure attributes and swatches globally for all products, or override those settings for individual products as needed.13

Stock Alerts: Often includes a feature to show the remaining stock quantity next to a selected variation to encourage faster purchases.14