This is an info Alert.
x402 Logo
  • Product
    • Become Agent-Ready
      • Merchants
        Agentic Commerce — list your store across ChatGPT, Gemini, Claude & Perplexity
      • Publishers
        Monetize your content when AI agents read, cite, or train on it
      • SaaS Companies
        Treat AI agents as first-class customers with agent-priced checkout
    • Monetize
      • Monetize MCP Server
        Charge per call on any MCP server in 2 minutes
      • Monetize AI Agents
        Turn n8n, Zapier, Activepieces workflows into revenue
      • Agent Feed
        Pay-per-query access to licensed publisher content for your agents
  • Resources
    • xpay Ecosystem
      • xpay✦ Tools
        1,000+ pay-per-use tools for your AI agents
      • Agent-Ready SaaS Index
        25,481 SaaS scored on agent-buyability
      • SaaS Pricing Database
        Pricing pages indexed across 1,000+ categories
      • Shopify Apps Directory
        Every Shopify app, with its full review history
      • WooCommerce Plugins Directory
        Every WooCommerce plugin, scored on how well it is maintained
      • GitHub
        Open source repositories
    • Agent Building
      • Agent Frameworks
        AI frameworks for building multi-agent systems
      • x402 Integration
        AI frameworks with x402 payment integration
      • Networks
        Blockchain networks supporting x402
    • Company
      • About xpay✦
        Our mission, products, and protocols
      • Blog
        Latest insights and updates
      • Docs
        Complete xpay documentation
  • Pricing
  • Blog
  • Docs
Get Started

  1. xpay✦ Commerce

  3. Directory

  5. WooCommerce plugins

  7. TPure Variation Swatches for WooCommerce

TPure Variation Swatches for WooCommerce

Replace default WooCommerce variation dropdowns with beautiful color, image, and label swatches on product and shop pages.

80+ active installsFree on WordPress.org
View on WordPress.orgSupport forum
Will this break my store?

What the WordPress.org registry says about keeping TPure Variation Swatches for WooCommerce running.

WordPress compatibility
Tested to 7.0.2
Tested against the WordPress branch in use today.
Last updated
2 months ago
Requires PHP
7.4
Your host must be running at least this version.
Requires WordPress
5.6
Requires other plugins
woocommerce
These must be installed and active first.
Contributors
1
A single maintainer. Worth knowing if the plugin is load-bearing for your store.
80+ active installsWordPress.org reports installs in bands, not exact counts.
Maintenance & trust

Scored on how TPure Variation Swatches for WooCommerce is looked after — not on how many stores run it.

Well maintained
Not enough public feedback to put a confident number on this one. Little public feedback — score rests mostly on release activity. What we can see is below.
Maintenance
35 / 35
Updated 46 days ago.
WordPress compatibility
20 / 20
Tested to WP 7.0.2 (current).
Support responsiveness
Not enough data
Only 0 support thread(s) — not enough to judge.
Merchant satisfaction
Not enough data
No ratings yet.
Listing transparency
10 / 10
Provides: screenshots, description, homepage
2 of 5 measures had too little evidence to score. They are left out of the total rather than counted as zero — otherwise a plugin would be marked down for being small rather than for being poorly kept.Measured 2026-08-01 from the WordPress.org plugin registry.
Ratings

No one has rated this plugin on WordPress.org yet. That is a statement about the ratings page, not about the plugin — plenty of well-kept plugins never collect them.

TPure Variation Swatches for WooCommerce replaces the default product attribute dropdown selects with visually appealing color swatches, image swatches, and label/button swatches. It works on both single product pages and shop/archive pages.

Key Features

  • Color Swatches – Display product color variations as clickable color circles or squares.
  • Image Swatches – Show variation images directly on the product page for quick visual selection.
  • Label/Button Swatches – Convert text-based attributes (like sizes) into styled buttons.
  • Shop Page Swatches – Enable swatches on archive and shop pages with configurable positioning.
  • Ajax Add to Cart – Add variable products to the cart directly from the shop page.
  • Tooltip Support – Customizable tooltips with configurable colors and positioning.
  • Rounded and Squared Shapes – Choose between rounded or squared swatch shapes globally.
  • Swatch Size Control – Adjust the size of swatches from the settings panel.
  • Archive Page Positioning – Place swatches before or after the add to cart button, after title, after price, etc.
  • Swatch Alignment – Control horizontal alignment of swatches on shop pages.
  • Import/Export Settings – Easily transfer your settings between sites.
  • Theme Compatibility – Works with popular themes including Astra, Flatsome, Storefront, OceanWP, and more.
  • Shortcode Support – Use [tpwvs_swatches] inside the shop loop.

How It Works

  1. Install and activate the plugin.
  2. Go to Products > Attributes and create or edit attributes.
  3. Select the attribute type: Color, Image, or Select (Label).
  4. Configure terms for each attribute with the corresponding color, image, or label value.
  5. Swatches will automatically replace dropdown selects on your product pages.

Shortcode

Use [tpwvs_swatches] inside the WooCommerce shop loop to manually output swatches.

Development

The full uncompiled source code (JavaScript, CSS, and build configuration) is included in the plugin inside the src/ directory. The compiled assets in build/ are generated from these source files.

To build the plugin assets from source:

  1. Navigate to the plugin directory.
  2. Install dependencies: npm install
  3. Build for production: npm run build

The build tool used is @wordpress/scripts (webpack-based). The compiled assets are output to the build/ directory.

How do I configure attributes?

  1. Navigate to Products > Attributes in your WordPress dashboard.
  2. Create a new attribute or edit an existing one.
  3. Change the Type to Color, Image, or Select (Label).
  4. Click Save / Update.
  5. Add terms to the attribute and assign a color value, image, or label for each term.

Is it compatible with my theme?

Yes. The plugin is compatible with most WooCommerce themes including Astra, Flatsome, Storefront, OceanWP, Divi, and more. Minor CSS adjustments may be needed in some cases.

Does it work with Quick View?

Yes, the plugin supports product quick view in themes that offer this feature.

Does it work on Multisite?

Yes.

Where do I manage plugin settings?

After activation, go to WooCommerce > Variation Swatches in your admin sidebar.

Categories
Catalogue & variations
Plugin details
Version1.0.3
Last updated2026-06-16 12:49pm GMT
Added2026-04-28
Requires WordPress5.6
Tested up to7.0.2
Requires PHP7.4
Tags on WordPress.org
color swatch
image swatch
product attributes
variation swatches
woocommerce swatches
Alternatives
Other plugins in the same categories.
Variation Swatches for WooCommerce
300K+ installs
4.8(919)
Advanced Woo Labels – Product Labels & Badges for WooCommerce
10K+ installs
5.0(64)
Easy Auto SKU Generator for WooCommerce
10K+ installs
4.9(269)
PW WooCommerce Bulk Edit
20K+ installs
4.9(236)
PVT – Product Variation Table for WooCommerce
1K+ installs
5.0(49)
Custom Product Tabs for WooCommerce & WordPress Tabs Builder – Smart Tabs
10K+ installs
4.9(133)
x402 Logo

The agent-readiness stack for the AI shopping era — helping merchants, publishers and SaaS companies get discovered, cited and transacted with by ChatGPT, Perplexity, Claude, Gemini and the custom shopping agents underneath them.

CompanyAgentically Inc. (d/b/a xpay✦)1875 Mission St, Ste 103San Francisco, CA 94103, United Stateslegal@xpay.sh · privacy@xpay.sh
or ask your AI app
Company
About xpayAgency PartnersGitHubDiscordllms.txt
DevelopersDocumentationAPI ReferenceSDKs & LibrariesQuickstart GuideOpenAPI Spec
Stay Updated
Occasional product updates and agent-readiness playbooks from xpay (Agentically Inc.) — typically a couple of emails a month. Double opt-in: we email you a link to confirm before sending anything, and every email has one-click unsubscribe.
Social
  • For Publishers
    • News
    • Finance
    • Dev / Tech
    • Travel
    • View all verticals
  • Agent Feed
    • AI Search Engines
    • RAG Builders
    • Browser Agents
    • Vertical Research
    • Browse full catalog
  • Agent-Ready Index
    • SaaS Pricing Database
    • Agent-Ready SaaS Index
    • Verified band
    • AI & ML
    • Sales & CRM
  • Products
    • Pricing Widget
    • Monetize MCP Server
    • Paywall
    • Smart Proxy
    • Monetize AI Agents
    • xpay x402 Facilitator
  • Agentic Economy
    • Timeline
    • Resources
    • Manifesto
    • Stack
  • Agentic Commerce
    • Get listed
    • ChatGPT Ads
    • How ChatGPT Ads work
    • ChatGPT Ads · Apparel
    • ChatGPT Ads · Health & Beauty
    • xpay Listings · Amazon + Google
    • Pricing
    • Free audit
    • Shopify
    • WooCommerce
    • Apparel & Accessories
    • Health & Beauty
    • Overview
  • Commerce Index
    • Shopify apps directory
    • Agentic Commerce Ready Index
    • Methodology
    • Pet brands · WooCommerce
    • Pet brands · Shopify
  • Marketplace
    • 🛍️ xpay.deals — agentic storefront for deals
  • Protocols
    • Overview
    • x402
    • MPP
    • UCP
    • ACP
    • AP2
    • TAP
    • A2A
  • Agent Frameworks
    • Overview
    • LangChain
    • CrewAI
    • Claude MCP
    • AutoGPT
    • LangChain vs Mastra
    • LangGraph vs Pydantic AI
  • Company
    • About xpay
    • Blog
    • Docs
    • GitHub
  • Free prompts
    • Ecommerce prompts
    • Email marketing prompts
    • Product description prompts
    • Facebook ad prompts
    • Skincare prompts
    • Supplement prompts
    • Wine prompts
    • Electronics prompts
© 2025 Agentically Inc. All rights reserved.
Privacy PolicyTerms of UseAcceptable Use Policy