manifest / ecommerce / woocommerce-variation-plan-cards

WooCommerce Variation Plan Cards

Display complete WooCommerce variations as compact plan cards with pricing, availability, discount badges, and native variation synchronization.

by Amirreza Shayesteh Far · github.com/amirrezashf/woocommerce-variation-plan-cards · website

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/amirrezashf/woocommerce-variation-plan-cards/archive/refs/heads/main.zip

No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.

Readme github.com/amirrezashf/woocommerce-variation-plan-cards ↗

Display complete WooCommerce variations as compact plan cards with pricing, availability, discount badges, and synchronization with WooCommerce's native variation form.

Features

One card per complete WooCommerce variation
Displays variation attribute labels, price, sale price, discount percentage, and availability
Preserves attribute term ordering
Uses WooCommerce's native product_variations data
Keeps the original variation selects as the source of truth
Synchronizes card selection with native WooCommerce variation events
Disables unavailable or non-purchasable variations
Uses the native variation dropdown interface below 768px
Keyboard-accessible button cards
No settings page, custom table, or stored plugin data

Requirements

WordPress 6.0+
PHP 7.4+
WooCommerce

Installation

Upload the WooCommerce-Variation-Plan-Cards folder to /wp-content/plugins/.
Activate WooCommerce Variation Plan Cards.
Open a variable product.
On screens 768px and wider, complete variations are displayed as cards.

How It Works

Each card represents one complete variation rather than a single attribute value. The native WooCommerce selects remain the source of truth. Selecting a card updates those select values and triggers WooCommerce's normal variation workflow.

On smaller screens the generated cards are removed and the normal variation UI remains available.

Compatibility

Targets the classic WooCommerce variable-product add-to-cart form and depends on wc-add-to-cart-variation. Themes or plugins that fully replace that markup may require extra integration.

Data Storage

This plugin stores no custom data.

Hooks / Filters

`wcvpc_config`

Filter frontend configuration before it is sent to JavaScript.

License

GPL-3.0

Author

Amirreza Shayesteh Far
https://github.com/amirrezashf

کارت پلن Variationهای ووکامرس

این افزونه هر Variation کامل محصول متغیر WooCommerce را به‌صورت یک کارت شامل ویژگی‌ها، قیمت، تخفیف و وضعیت موجودی نمایش می‌دهد.

قابلیت‌ها

یک کارت برای هر Variation کامل
نمایش ویژگی‌ها، قیمت، قیمت فروش ویژه و درصد تخفیف
حفظ ترتیب Termهای محصول
استفاده از product_variations استاندارد WooCommerce
حفظ Selectهای اصلی به‌عنوان Source of Truth
هماهنگی با Eventهای استاندارد WooCommerce
غیرفعال شدن Variationهای ناموجود یا غیرقابل خرید
بازگشت به Dropdown استاندارد در عرض کمتر از ۷۶۸ پیکسل
بدون صفحه تنظیمات و بدون ذخیره داده اختصاصی

نیازمندی‌ها

WordPress 6.0+
PHP 7.4+
WooCommerce

نصب

پوشه افزونه را در /wp-content/plugins/ قرار دهید.
افزونه WooCommerce Variation Plan Cards را فعال کنید.
یک محصول Variable را باز کنید.
در تبلت و دسکتاپ Variationهای کامل به شکل کارت نمایش داده می‌شوند.

نحوه عملکرد

هر کارت نماینده یک Variation کامل است. با انتخاب کارت، Selectهای اصلی همان Variation تنظیم شده و Event عادی change ووکامرس اجرا می‌شود؛ بنابراین منطق Variation همچنان در اختیار WooCommerce باقی می‌ماند.

سازگاری

برای فرم کلاسیک Variable Product ووکامرس طراحی شده و به wc-add-to-cart-variation وابسته است.

ذخیره‌سازی

این افزونه هیچ داده اختصاصی ذخیره نمی‌کند.

مجوز

GPL-3.0

نویسنده

Amirreza Shayesteh Far
https://github.com/amirrezashf