CardGrid for WooCommerce transforms the standard WooCommerce single-product page into a high-converting, card-based experience.

Instead of traditional dropdowns, every product variation is displayed as a visual, interactive card. Customers see prices at a glance, select multiple packages, adjust quantities, and place multi-item orders — all without a page reload.

Key Features

Card-Based Variation Grid

Every variation is a clickable card — no more dropdowns.
Custom icon / logo displayed inside each card (e.g. ChatGPT, Adobe logo).
Note badge (pill-shaped) displayed in the top-left of each card.
Cards show a selected state (border glow + checkmark animation).
Sale ribbons for discounted variations.
Out-of-stock cards are visually dimmed and non-clickable.

Smart Quantity Logic

When quantity = 1: a trash icon is shown. Clicking it deselects the card and removes it from the summary.
When quantity > 1: the trash icon automatically becomes a minus button for decreasing quantity.

Live Order Summary

Real-time table showing Package, Rate x Qty, and Line Total.
Grand Total updates instantly.
“Clear All” button with configurable colour and hover state.

Per-Product Feature Badges

Up to 5 customisable feature badges per product (icon + text).
Drag-to-reorder via the product edit screen.
Empty slots are automatically hidden on the front end.

5 Layout Templates

Subscription / Digital — hero image, identity bar, feature pills.
Service Package — service banner, what’s included checklist, portfolio gallery.
Software / License — big product icon, version badges, feature grid, screenshots.
Wholesale / Bulk — multi-image gallery with thumbnails, specs table.
Event / Course — event banner, date/location badges, curriculum list, seats progress bar.
Per-product layout override from the product edit sidebar.

Column Width Control

Admin slider (30-60%) to set the left column width.
Right column (packages + payment) takes the remaining width.

UI Label Overrides

7 front-end text labels are overridable from the settings page without editing code.

PPOM & Third-Party Plugin Compatibility

Fields added by PPOM (e.g. WhatsApp number), WC Product Add-ons, and similar plugins are preserved and rendered above the Order Now button.
Default WooCommerce variation dropdowns and add-to-cart button are hidden to avoid duplication.

AJAX Multi-Item Add to Cart

Adds multiple variation packages in a single AJAX request.
No page reload.
Configurable post-purchase redirect: Cart, Checkout, or Stay on Page.

Fully Responsive

Two-column layout on desktop.
Single-column stacked layout on mobile.

Translation Ready

All strings use __() / _e() with the cardgrid-for-woocommerce text domain.
.pot template included.

Use Cases

Digital product subscriptions (ChatGPT, Adobe, streaming services)
SaaS licence packages
Service bundles (1 Month / 3 Month / 12 Month)
Any WooCommerce store selling variable products in Bangladesh or globally

Privacy Policy

This plugin does not collect or transmit any personal data. It does not use cookies. No third-party services are contacted.