BLACK FRIDAY
Save 59% on PageForge Annual $191/year $485/year
Claim 59% Off →
Addonn Variant Grid for WooCommerce icon
Actively maintained Tested up to 7.0.7 #12 in color swatches

Addonn Variant Grid for WooCommerce

Show each WooCommerce product variation as its own individual product card on the shop page — instead of one card per parent product with a dropdown.

Active installs<10New
Downloads · 30d74▼ -44.4% vs prev. 30d
Rating—0 reviews
Health score55/100Fair
All-time downloads199Since Aug 2026
Support resolved—No recent threads
RequiresWP 6.0PHP 7.4+
Downloads · 7d14▼ -41.7% week over week
Our verdict

Use with caution

Addonn Variant Grid for WooComm… works, but test it on a staging site before relying on it in 2026. Was last updated 2 months ago, and scores 55/100 on our health check.

  • Small user base (<10 active installs)
  • Very few reviews so far

How does it stack up?

Side-by-side on installs, updates, ratings & support

Daily downloads

51015Aug 12Sep 10Oct 9
Yesterday4
Daily average (1y)3
Peak day21Aug 13, 2026
Last 12 months205

Download spikes usually follow a new release — each site that auto-updates counts as a download.

Rankings

Where Addonn Variant Grid for Woo… stands today

WordPress.org search rankings

Live position in the plugin search, top 100
KeywordPositionCompeting pluginsCategory
color swatches >100 372 Best color swatches plugins →
product variations >100 3,174 Best product variations plugins →
single product display >100 4,208 Best single product display plugins →
variation swatches >100 388 Best variation swatches plugins →
woocommerce >100 10,000 Best woocommerce plugins →

About Addonn Variant Grid for WooCommerce

From the official readme · v0.2.7

Description

By default, WooCommerce shows one card per product on your shop page, no matter how many color/size/material variations it has. Customers have to click in and use a dropdown to see if their preferred color is even available.

Addonn Variant Grid changes this: it shows one card per variation group (e.g. per color) directly on the shop and category pages — with the correct image, price, and stock for that specific color. Any other attributes (size, material, etc.) become simple buttons right inside the card, so customers can pick their exact variant without leaving the grid.

How it works

  • Choose a primary attribute to group by (usually Color).
  • A product with 2 colors × 4 sizes shows as 2 cards, not 8 — one per color.
  • Size, material, or any other attribute becomes a button selector inside each card.
  • Price, stock, and the Add to Cart target update live as the customer clicks between options — no page reload.
  • Out-of-stock combinations are automatically disabled.

Features

  • Group by any product attribute (Color, Material, Style, etc.)
  • Supports multiple secondary attributes per card (Size and Material, for example)
  • Live price and stock updates on selection
  • Automatic sync when a product is saved, plus a manual “Sync Now” button for bulk changes
  • Works with WooCommerce’s High-Performance Order Storage (HPOS) and Cart/Checkout blocks
  • Lightweight — no external API calls, no tracking

Who this is for

Any WooCommerce store using color/size/material variations — especially fashion, apparel, and accessories stores where customers shop by color first.

Installation

  1. Upload the plugin files to /wp-content/plugins/addonn-variant-grid, or install directly through the WordPress plugins screen.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.
  3. Go to WooCommerce → Variant Grid and choose your primary grouping attribute (e.g. Color).
  4. Click Sync Variations Now to apply it to your existing products.
  5. Visit your shop page — variations now appear as individual cards.

Frequently asked questions

Does this create duplicate products?

No. It doesn’t change your product data at all — it only changes how variations are displayed on shop/category archive pages.

What happens to the original variable product listing?

You can choose to hide the original parent product from the shop page (recommended, to avoid a duplicate listing) via the plugin settings — the toggle is on by default.

Why don’t I see a Size selector on some of my product cards?

This means that specific variation’s Size attribute is set to “Any Size” in WooCommerce rather than a specific size — i.e. that product doesn’t actually have separate size-specific variations yet. Add proper size-specific variations via Generate Variations in the product’s Variations tab, then run Sync again.

Does this work with my theme?

It’s built on WooCommerce’s standard hooks and should work with most themes. If your theme has a heavily custom product-card template, some visual polish may be needed — please open a support thread if you run into issues.

Does this affect performance?

No extra database queries are added to the main shop loop beyond what WooCommerce already runs. Syncing (which computes the groupings) happens once per product save, not on every page load.

Changelog

Recommended update — improves compatibility with more themes and adds multi-attribute support.

0.2.7

  • Fixed remaining scanner ignore-comment placement (covers both the isset check and the value read).

0.2.6

  • Fixed button text being invisible on themes that set a global button text color, by explicitly setting text color instead of relying on inheritance.

0.2.5

  • Fixed placement of security scanner ignore-comments so they correctly cover the exact lines they justify.

0.2.4

  • Added nonce verification and stricter input sanitization to the AJAX add-to-cart endpoint.

0.2.3

  • Sanitized filtered output before rendering (KSES) so extension hooks cannot introduce unsafe markup.

0.2.2

  • Renamed plugin (was “WC Variation Cards”) and applied unique prefixes to all functions, classes, options, and hooks per WordPress.org guidelines.

Full changelog on WordPress.org →

Screenshots

Search for "Addonn Variant Grid" and click Install Now.
Search for "Addonn Variant Grid" and click Install Now.
Click Activate after installation completes.
Click Activate after installation completes.
Go to WooCommerce → Variant Grid and set "Color" as the primary grouping attribute.
Go to WooCommerce → Variant Grid and set "Color" as the primary grouping attribute.
Save settings, then click Sync Variations Now to apply it to your products.
Save settings, then click Sync Variations Now to apply it to your products.
Before: the default shop page shows swatches, but each product is still one card.
Before: the default shop page shows swatches, but each product is still one card.
After: each color becomes its own individual, shoppable card.
After: each color becomes its own individual, shoppable card.

For developers

Is this your plugin? Show off the numbers.

Add a live badge to your site, docs or GitHub README. It updates on its own — no account needed.

Active installs badge Rating badge Health score badge

Best Addonn Variant Grid for WooCo… alternatives

All color swatches plugins →
Alternatives
Rank Plugin Active installs Rating Updated Health
1 Smart Variation Swatches for WooCommerce – Color & Image Attribute Swatches Smart Variation Swatches for WooCommerce Variation swatches for WooCommerce that turn dropdowns into color, image, and label… by aThemeArt 3K+ ★★★★★★★★★★ 3.2 (13) 4 weeks ago 76
2 Product Variation Swatches for WooCommerce – Smart Swatches Product Variation Swatches for WooCommerce – Smart Swatches Create beautiful color, image & button variation swatches that boost your store's appeal… by ShapedPlugin LLC 700+ ★★★★★★★★★★ 5 (10) 2 months ago 78
3 XT Variation Swatches for WooCommerce XT Variation Swatches for WooCommerce A Smart Variation Swatches for WooCommerce that transforms variation dropdowns to beautiful… by XplodedThemes 500+ ★★★★★★★★★★ 4.7 (32) 4 weeks ago 70
4 Custom Swatches for Iris Color Picker Custom Swatches for Iris Color Picker A simple plugin that allows you to customize 8 color swatches underneath the Iris Color… by Jennifer Brueske 100+ ★★★★★★★★★★ 5 (2) 9 years ago 32
5 Variation Swatches and Gallery for WooCommerce Variation Swatches and Gallery for WooCommerce The only free WooCommerce variation swatches plugin with a built-in Variation Image Gallery… by akdevs 50+ ★★★★★★★★★★ 5 (1) 7 months ago 47
6 Iris Color Picker Enhancer Iris Color Picker Enhancer Customise the default color palette used by Iris Color Picker by Maeve Lander 20+ ★★★★★★★★★★ 5 (3) 9 years ago 31
7 Variation Swatches for WooCommerce – Color, Image & Label Swatches Variation Swatches for WooCommerce Replace WooCommerce dropdowns with color, image, label & radio swatches. Works on product… by WebTend 10+ ★★★★★★★★★★ No reviews 1 week ago 66
8 Color and Label Variations for WooCommerce Color and Label Variations for WooCommerce WordPress plugin replaces WooCommerce selects with variation swatches. by SaturnPlugins 10+ ★★★★★★★★★★ No reviews 9 years ago 23
9 Swatch – Variation Swatches for WooCommerce Swatch – Variation Swatches for WooCommerce Replace WooCommerce variation dropdowns with accessible colour and label swatches that wire… by Mariusz Szatkowski <10 ★★★★★★★★★★ 5 (1) 1 week ago 71
10 Digitallo Variant Cards for WooCommerce Digitallo Variant Cards for WooCommerce Turn WooCommerce's dropdown variation selector into a photo-card grid — every color or… by Digitallo <10 ★★★★★★★★★★ No reviews 3 weeks ago 64

FAQ

Addonn Variant Grid for WooCommerce: quick answers

Straight answers, pulled from live WordPress.org data.

Live data from WordPress.org · checked Oct 10, 2026

Is Addonn Variant Grid for WooComm… free?

Yes. Addonn Variant Grid for WooComm… is free to download and use from the official WordPress.org plugin directory.

Is Addonn Variant Grid for WooComm… safe to use in 2026?

Addonn Variant Grid for WooComm… works, but test it on a staging site before relying on it in 2026. Was last updated 2 months ago, and scores 55/100 on our health check.

How many websites use Addonn Variant Grid for WooComm…?

Addonn Variant Grid for WooComm… is active on <10 WordPress websites and has been downloaded 199 times since it launched in August 2026. It was downloaded 74 times in the last 30 days.

Does Addonn Variant Grid for WooComm… work with WordPress 7.1?

Addonn Variant Grid for WooComm… is officially tested up to WordPress 7.0.7, while the latest release is 7.1.3. It may still work, but try it on a staging site first.

What PHP version does Addonn Variant Grid for WooComm… need?

Addonn Variant Grid for WooComm… requires PHP 7.4 or higher. Most hosts run PHP 8.x today, so it works on any modern WordPress hosting.

When was Addonn Variant Grid for WooComm… last updated?

The latest version, 0.2.7, was released on August 24, 2026 (2 months ago).

Who makes Addonn Variant Grid for WooComm…?

Addonn Variant Grid for WooComm… is developed and maintained by AddOnn Tech.

What are the best alternatives to Addonn Variant Grid for WooComm…?

The most popular alternatives to Addonn Variant Grid for WooComm… are Smart Variation Swatches fo… (3K+ installs), Product Variation Swatches… (700+ installs) and XT Variation Swatches for W… (500+ installs).

Powered by PageForge

Want thousands of pages that rank like these? Build them in an afternoon.

This directory runs on the same engine as PageForge. Turn any spreadsheet, CSV or API into thousands of fast, SEO-ready WordPress pages — with schema, internal links and AI-written copy baked in.

  • CSV, Google Sheets & API data sources
  • AI content, schema & internal links per page
  • Works with Elementor, Gutenberg, Yoast & Rank Math
  • Free on WordPress.org — no credit card
Sarah is here to help!
Hi there! 👋 Need help finding what you're looking for?
Sarah
Sarah
Online & Ready to Help
Hi there! 👋 Need help finding what you're looking for?

We'll use this to continue our conversation

Just now ✓ Verified

Join 500+ SEO Pros Scaling Their Strategy

Get exclusive programmatic SEO tactics, AI content workflows, and the latest PageForge updates delivered straight to your inbox. Stay ahead of the algorithm.

We care about your data in our privacy policy.