RockOn Woo Variations Table
| 开发者 | devikas301 |
|---|---|
| 更新时间 | 2026年10月14日 00:00 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
RockOn Woo Variations Table turns WooCommerce's variation dropdowns into a compact table, so shoppers can compare and order several products from one page instead of visiting each product in turn.
For wholesale and B2B stores, the bulk order grid lists every variation on its own row. Buyers type quantities, watch a running total, and add the whole order to the basket in one click, with no dropdowns at all.
Every feature is free.
Features
- Shortcode
[rovartable]and a "Variations Table" block. - Bulk order grid for wholesale buyers: every variation on its own row with a checkbox and quantity, a running total, and one button to add the whole order to the basket.
- Instant filters above the table: a dropdown per attribute, "In stock only", and search by name or SKU.
- Admin page under WooCommerce → Variations Table: usage statistics, where every table is, a shortcode builder with live preview, store-wide settings and a reference.
- Pick products by ID, category, tag, or product attribute.
- Optional columns: image, title, SKU, attributes, price, stock, quantity, basket.
- Live price, stock, SKU and image updates as options are chosen, with no page reload.
- AJAX add to basket, including an optional "Add selected to basket" button for the whole table.
- Works without JavaScript: every row falls back to a link to the product page.
- Accessible markup: real table headers, labelled form controls, live-region status messages.
- Responsive: whenever the table is wider than the space the theme gives it, it switches to a grid of product cards, so no column is ever hidden behind a sideways scroll.
- Buttons pick up your theme's own button style.
- Respects the visitor's light or dark colour scheme.
- Fully translatable.
rwvt_ajax_variation_threshold filter) fall back to a single AJAX lookup, mirroring WooCommerce's own behaviour. CSS and JavaScript load only on pages that show a table.
安装:
- Upload the
rockon-woo-variations-tablefolder to/wp-content/plugins/, or install it through Plugins → Add New. - Activate the plugin through the Plugins menu.
- Add the
[rovartable]shortcode to any post or page, or insert the "Variations Table" block.
屏幕截图:
常见问题:
Does this work with simple products?
Yes. Simple products are shown as ordinary rows with a working add to basket button. Where a column does not apply to a product, the cell shows a dash so the table stays aligned.
What if two products have different attributes?
The header is the union of every attribute in the table. A product that does not use one of them shows a dash in that column.
Can shoppers deep link to a preselected option?
Yes. Append WooCommerce's usual attribute parameters, for example ?attribute_pa_colour=blue, and matching dropdowns are preselected on load.
Does it work without JavaScript?
The table renders in full, and each row shows a link to the product page instead of the basket button. Switching to cards needs JavaScript, so without it a table too wide for its space scrolls sideways instead.
Why does my table show as cards on a desktop screen?
Many themes keep page content in a narrow column, often around 600–700px, and a table with several option columns needs more room than that. Rather than hide the price and basket columns behind a sideways scroll, the plugin switches to cards. To show it as a table, give it more room: choose "Wide width" on the block's alignment toolbar, or add class="alignwide" to the shortcode on a block theme. Showing fewer columns also helps, for example columns="title,attributes,price,button".
How do I change the number of variations sent to the browser?
Set "Variations sent with the page" under WooCommerce → Variations Table → Settings (30 by default), or filter rwvt_ajax_variation_threshold per product. Products above the limit use a single AJAX request per selection instead.
Can the buttons say "cart" instead of "basket"?
Yes. Choose "Cart" under WooCommerce → Variations Table → Settings → Wording. Every button and message the tables show changes. Sites in other languages keep their translation's own word.
What happens to my settings if I delete the plugin?
They are kept, along with the usage statistics, so reinstalling picks up where you left off. To remove them, tick "Delete these settings and the statistics when the plugin is deleted" under Settings before deleting the plugin.
Is it compatible with HPOS and block checkout?
Yes, compatibility is declared for high performance order storage, cart and checkout blocks, and the product block editor.
更新日志:
7.1.0
New
- Bulk order grid (
layout="grid"): one row per variation, grouped under each product, with checkboxes, quantities, "select all", a summary bar with a running subtotal, and one "Add selected to basket" request that adds everything it can and explains any row it cannot. - Grid products can start closed (
collapsed), and paging keeps each product's variations together (per_page). - Instant filters above the table (
filters,hide_out_of_stock): a dropdown per attribute, "In stock only", and search by name or SKU, in both layouts. - Admin page under WooCommerce → Variations Table: an overview with usage statistics, where every table is and a status check; a shortcode builder with live preview; store-wide settings; and a reference.
- "Basket" or "cart" wording, chosen in Settings.
- Usage statistics: daily totals of adds, orders and revenue from tables, stored on your own site with no personal data. They can be switched off or deleted.
- A "View product" link under a basket button that cannot be used yet, so a greyed-out button is never a dead end.
- Block settings for layout, products per page, starting closed and filters.
- New filters:
rwvt_table_filters,rwvt_grid_max_rowsandrwvt_bulk_max_items.
- Refreshed look: tidier type, styled dropdowns and quantity fields, buttons that follow your theme's button style, and a basket icon that matches the button text.
- Tables switch to cards whenever they are wider than the space they are given, not only on phones, and on wide screens the cards sit side by side.
- The basket button on variable products says "Add to basket" instead of WooCommerce's "Select options".
- Price ranges no longer wrap with the dash on a line of its own.
- WooCommerce error messages, such as "not enough stock", no longer show HTML codes like
".
- Both AJAX endpoints now require a nonce and reject unverified requests.
- All request input is sanitised and validated; product and variation IDs are checked for existence, status and parentage.
- All output is escaped. Fixes a stored XSS vector through the
theadattribute. - Responses use
wp_send_json_*()instead of echoing raw text. - Added an
ABSPATHguard and directory index files.
- Replaced every deprecated WooCommerce 2.x/3.x call:
$product->id, array access on attributes, andget_matching_variation()are gone. - Products are loaded with
wc_get_product()instead ofnew WC_Product_Variable(). - Declared compatibility with HPOS, cart and checkout blocks, and the product block editor.
- Fixed PHP 8.1+ deprecation notices.
- The plugin now degrades to an admin notice when WooCommerce is inactive, instead of a fatal error.
- Added
Requires at least,Requires PHP,WC requires at leastandWC tested up toheaders.
- Table headers and row cells now always line up, even when products have different attributes.
- Removed an invalid
<div>between<table>and<thead>. - The basket control is a real
<button disabled>, so an unavailable combination can no longer be added. - DOM IDs are unique per table instance, fixing collisions between products and repeated shortcodes.
- Add to basket links no longer depend on the current page's permalink, so they work on archives and shop pages.
- An empty or invalid
idnow shows "No products found." instead of a blank row. - Implemented
categories_exc, which was previously accepted and ignored. - Removed the unused preselected-value code and reimplemented it properly as query string deep linking.
- Each product is now loaded once per table instead of twice.
- CSS and JS are enqueued only on pages that render a table, and no longer printed inline in
wp_headon every request. - Rewritten in dependency-free vanilla JavaScript, so it no longer breaks on themes that do not load jQuery.
- No inline event handlers, so the plugin works under a strict Content Security Policy.
- Assets carry a version string for cache busting.
- "Variations Table" block with a live editor preview.
- Image, SKU, price, stock and quantity columns.
- AJAX add to basket with cart fragment refresh.
- "Add selected to basket" bulk action.
- Product selection by category, tag or attribute.
- Read-only table mode.
- Responsive card layout on small screens, and full keyboard and screen reader support.
- Surface-aware colours: neutral tones are alpha based so they sit correctly on any theme background, and the table measures the theme's actual background rather than trusting the operating system's dark mode preference. A light-only theme viewed on a machine set to dark mode keeps readable colours.
- Complete internationalisation with a
.pottemplate.
- Earlier releases.