Woocommerce Variations to Table – Grid


Suitable with WordPress 5.x and WooCommerce 6.x

WordPress – Woocommerce Variations (variable merchandise) to Desk – Grid Plugin

This WordPress – WooCommerce plugin will flip product’s web page default variations select-option menus to person pleasant desk – grid show. It encompasses a self-explanatory with loads of choices admin settings panel, nice documentation and assist and per product choices.


Please learn the set up information and the plugin description. If you’re unsure about one thing, please ask BEFORE buying :)

woocomerce variations to table - grid plugin


  • Consumer pleasant and self-explanatory administration panel.
  • Shows all of the wanted information on your variable merchandise with choices to disable them.
  • Helps “any” if you set your product variations
  • Helps “customized attributes” that you could be add to the merchandise on the fly
  • “Add Chosen to Cart” with choose all checkbox for mass including variations to cart
  • Choice to disable or allow the desk/grid per product.
  • In Inventory, Out of Inventory and Low Inventory (with threshold) customized messages
  • Straightforward to make use of shortcode with full documentation that can assist you put the desk the place ever you want and shortcodes are executed.
  • Straightforward to make use of international shortcode that can show all variations of all variable merchandise on any web page.
  • Extensible / developer pleasant. You may alter the plugin with out hacking it, however through WordPress filters and actions.
  • Make variations stand out together with your customized sticker/icon. You may allow/disable or override it per variation.
  • Helps WooCommerce Variation Swatches and Photos
  • Helps YITH WooCommerce Wishlist
  • Helps YITH WooCommerce Quick View
  • Helps WooCommerce Product Gift Wrap
  • Helps Additional Variation Images Gallery for WooCommerce
  • AJAX will be enabled from settings
  • Sorting of desk columns within the frontend
  • Default desk header (auto generated), generic customized desk header and per product customized desk header will be set
  • Simply translatable through .po / .mo information.
  • Obtainable translations: English, Greek, Fran├žais, Italiano, Polish.


woocomerce variations to table - grid plugin

woocomerce variations to table - grid plugin

Enabled WooCommerce Variation Swatches and Images assist


In an effort to use the Woocommerce Variations to Desk – Grid plugin, please navigate out of your WordPress administration panel to “Woocommerce -> Variations Desk

  1. Exclude Classes: It’s possible you’ll choose entire classes to exclude the plugin to be able to show the variations with the default choose menus
  2. Show Thumbnail: Choose “sure” to show the thumbnail column or “no” to cover it.
  3. Thumbnail Width in Pixels: It’s possible you’ll outline the with of the thumbnail in pixels on this subject
  4. Show Inventory: Choose “sure” to show the inventory situation column or “no” to cover it.
  5. In Inventory Textual content: If the inventory is displayed, it’s possible you’ll set the textual content to show when the variation is in inventory
  6. Out of Inventory Textual content: If the inventory is displayed, it’s possible you’ll set the textual content to show when the variation is out of inventory
  7. Low Inventory Textual content: If the inventory is displayed, it’s possible you’ll set the textual content to show when the variation inventory is low
  8. Low Inventory Threshold: Enter the amount of the variation that can set off the low inventory standing
  9. Show Worth: Choose “sure” to show the worth column or “no” to cover it.
  10. Show Complete (New): Choose “sure” to show the totals column or “no” to cover it.
  11. Show Amount Area: Choose “sure” to show the amount enter subject of the merchandise to be added to cart column or “no” to cover it.
  12. Show Add To Cart: Choose “sure” to show the add to cart button column or “no” to cover it.
  13. Show Wishlist: Choose “sure” to show the wishlist icon column or “no” to cover it.
  14. Show Picture: Choose “sure” to show an additional picture/sticker/icon column or “no” to cover it.
  15. Add Picture: Add the additional picture/sticker/icon by clicking on the Open Media Supervisor button.
  16. Show Description: Choose “sure” to show an outline beneath the row of the variation.
  17. Show Desk Header: Choose “sure” to show desk header.
  18. Customized Desk Header: It’s possible you’ll write your individual customized HTML code for all desk headers right here.
  19. Allow Ajax: Choose “sure” to allow AJAX for “add to cart” and “wishlist”
  20. Allow Responsive Desk: Choose “sure” to make the desk cell pleasant
  21. Order Columns: It’s possible you’ll order the columns by drag-n-dropping the listing parts
  22. You’re able to go! * Save Adjustments *

woocomerce variations to table - grid plugin admin panel


In your product web page or anyplace had been shortcodes are executed (eg. posts and pages), it’s possible you’ll use the shortcode [vartable] . In case you simply put the shortcode then it can learn the choices of the plugin that you’ve set through the admin settings panel.

In an effort to customise the shortcode it’s possible you’ll use the next attributes (respectively to the above choices):

  • id
  • sku
  • thumb
  • thumb_size
  • inventory
  • in_stock_text
  • out_stock_text
  • low_stock_text
  • low_stock_thresh
  • worth
  • provide
  • picture
  • qty
  • cart
  • wishlist
  • present
  • ajax
  • desc
  • head
  • responsive
  • sorting

On all attributes, setting it to “1” equals to “sure” and “0” equals to “no”, when sure or no apply as a potential choices. Right here is an instance:

[vartable thumb=1 thumb_size=150 stock=1 in_stock_text="We have plenty" out_stock_text="Everything is gone" offer=0 qty=1 ajax=0]

As it’s possible you’ll discover now we have not set the cart, wishlist and many others. attributes, therefore the shortcode will do as now we have set through the plugin’s settings panel

In case you use the shortcode outsite the product web page, then the “id” attribute of the shortcode is necessary!!!

All Variable Merchandise All variations Shortcode

It’s possible you’ll show all variable merchandise variations with the shortcode [vartableall]. The identical arguments as above can be utilized AND title = 1 for displaying the title of the product earlier than every desk AND classes
classes will be set with class id and comma separated, eg [vartableall categories=10,14] to incorporate merchandise from these two classes solely.
Don’t use the id possibility on this shortcode.

Developer Pleasant

Many hooks are in place. Please search the code for a full listing. Under are a few of them with examples.

You may add alter the css class of the hyperlink to the total picture for every variation with the filter “vartable_thumb_class_filter”, eg.

add_filter( 'vartable_thumb_class_filter', 'my_vartable_custom__img_class');
operate my_vartable_custom__img_class($class) {
  $class = $class.' myclass anotherclass';
  return ($class);

The Woocommerce “single_add_to_cart_text” filter is in place. Please confer with Woocommerce documentation.


It’s possible you’ll add your individual css class for the desk wit “vartable_table_class”, eg.

add_action( 'vartable_table_class', 'my_vartable_table_class');
operate my_vartable_table_class($class) {
  $class = ' table-hover table-striped ';
  return ($class);

You may add textual content earlier than and after the desk with, “vartable_before_table” and “vartable_before_table”, eg.

add_action( 'vartable_before_table', 'my_vartable_before_table');
operate my_vartable_before_table($textual content) {
  $textual content = 'This textual content ';
  $textual content .= 'will go earlier than the desk';
  echo $textual content;
add_action( 'vartable_after_table', 'my_vartable_after_table');
operate my_vartable_after_table($textual content) {
  $textual content = 'This textual content ';
  $textual content .= 'will go after the desk';
  echo $textual content;

Take away the desk from the highest and add it after the product description

operate vartable_move_after_description($content material) {

  if (get_post_type() == 'product' && is_single()) {
    $content material = $content material . do_shortcode('[vartable]');
  // in any other case returns the database content material
  return $content material;

add_filter( 'the_content', 'vartable_move_after_description' );
remove_action( 'woocommerce_variable_add_to_cart', 'vt_woocommerce_variable_add_to_cart', 30 );

Please don’t use add_action if you’re utilizing the shortcode methodology


  • WordPress 4.0+
  • Woocommerce 3.6+
  • PHP 7.0+

Regularly Requested Questions

  1. I get Deadly error: Can’t redeclare woocommerce_variable_add_to_cart()

    Please strive de-activating WooCommerce, activating the plugin and re-activating WooCommerce

  2. Can I listing all variations of all variable merchandise?

    Sure, you may through the [vartableall] shortcode.

  3. Can I take advantage of customized attributes when including a variation?

    Sure, this was added on model 1.0.6.

  4. Can I put this anyplace in my website?

    Sure, you may through the shortcode, if the sector the place you place it shortcodes are executed. You’ll have to specify the id of the variable product on the shortcode arguments.

  5. Can I disable the grid for only one or any product I would like?

    Sure, you may through the product edit display. Please choose “Sure” on the possibility “Disable variations desk” beneath the product’s normal settings tab.

  6. Can I disable the grid for any class I would like?

    Sure, it’s possible you’ll do that through the admin panel that’s offered beneath “Woocommerce ? Variations Desk”.

  7. If I disable the desk/grid for a product can I nonetheless use the shortcode?

    Sure, the shortcode is just not getting disabled.

  8. Wishlist variations miss the chosen attributes

    Because of the manner that wishlist works, it won’t assist variable merchandise that you’ve set attributes as “any”.

  9. What about inventory examine and AJAX?

    By enabling AJAX, it will disable the inventory amount examine when including to cart through the plugin.

Set up

This wordpress plugin will be put in as every other wordpress plugin. Set up is straightforward.

  1. Extract the zip file you will have downloaded.
  2. Login to your administration panel (ex. http://www.yourdomain.com/wp-admin).
  3. Go to Plugins -> Add New.
  4. On the prime of the web page click on the “Add Plugin” hyperlink
  5. Click on select file (or what your browser makes use of to navigate to your information)
  6. From the extracted information of the 1st step (1) navigate to and choose woo-variations-table.zip and click on “Set up Now
  7. It’s possible you’ll be requested to affirm your want to set up the Plugin.
  8. If that is the primary time you’ve put in a WordPress Plugin, it’s possible you’ll have to enter the FTP login credential info. In case you’ve put in a Plugin earlier than, it can nonetheless have the login info. This info is obtainable by way of your internet server host.
  9. Click on Proceed to proceed with the set up. The ensuing set up display will listing the set up as profitable or observe any issues through the set up.
  10. If profitable, please click on Activate Plugin to activate it.
  11. In case you get an error, please de-activate WooCommerce, activate the plugin and re-activate WooCommerce


1.4.14 18 Could 2022
  • Function: Added the choice to alter the “add to cart” notification timer
  • Repair: Further picture column misalignment
  • Repair: Unresponsive cell desk scrolling CSS repair
1.4.13 02 Could 2022
  • Function: Added the choice to allow/disable cell structure
  • Function: Added the choice to cover empty cells on cell
1.4.12 24 Apr 2022
  • Function: Added higher YITH Wishlist Compatibility
  • Function: Added “Further Variation Photos Gallery for WooCommerce” compatibility
1.4.11 21 Apr 2022
  • Function: Added the choice to not hyperlink the pictures
  • Repair: Eliminated PHP notices
1.4.10 23 Mar 2022
  • Function: Added delivery class column
  • Repair: In some instances the principle plugin JS file wouldn’t load
1.4.9 20 Jan 2022
  • Function: Added backorder customized textual content possibility
  • Function: Added inventory label styling possibility
1.4.8 02 Dec 2021
  • Function: Added WooCommerce error notices on the notification panel.
  • Function: Added sorting arrows on desk header
  • Function: Admin panel minor redesign
  • Repair: Eliminated WooCommerce swatches PHP notices if the product had no swatches
  • Repair: In some themes/instances the worldwide cart button wouldn’t set off
1.4.7 01 Dec 2021
  • Function: Added sorting choices per WooCommerce Attribute
  • Function: upgraded sorting JS
  • Repair: Eliminated WooCommerce swatches PHP notices if the product had no swatches
1.4.6 11/29/2021
1.4.4 11/24/2021
  • Repair: added assist for attributes in non-latin charsets
1.4.2 11/12/2021
  • Repair: Eliminated PHP discover when debug was set to on
1.4.1 09/18/2021
  • Function: Added YITH WooCommerce Ready Listing assist
1.4.0 07/23/2021
  • Function: Migrated from Select2 to WooSelect
  • Repair: Eliminated jQuery migrate warnings
  • Repair: Eliminated PHP Periods
1.3.11 04/02/2019
  • Repair: Eliminated Woo deprecation warning
1.3.10 01/10/2019
  • Repair: Corrected the cart button textual content filter to incorporate the variable product object as second argument
1.3.9 11/26/2017
  • Repair: Present all classes on all languages for WPML enabled websites
1.3.8 11/12/2017
  • Function: Added possibility to cover the “added to cart” sliding notification
  • Function: Added Fancybox3 for zooming and choice to allow/disable through the settings web page
  • Function: Added ‘woocommerce_product_add_to_cart_text’ cart textual content filter
1.3.7 10/26/2017
  • Repair: Woocommerce ver 3.2.x compatibility
  • Repair: Moved the plugin’s single product choices within the superior tab
1.3.6 04/07/2017
  • Repair: Woocommerce ver 3.0 compatibility
1.3.5 02/20/2017
  • Function: Added “woocommerce_add_to_cart_redirect” filter on the cart URL
  • Function: Added a closing button to manually disguise the notification slide down paneln
  • Repair: Verify if customers position is array to keep away from PHP warning
  • Repair: When utilizing the International Add to Cart button 0 priced gadgets weren’t added to cart.
1.3.4 10/31/2016
  • Function: Added some extra CSS courses for common themes
  • Function: Per position plugin activation
  • Function: If customized variation description doesn’t exist, it can search for the default woocommerce variable description
  • Repair: Verify with “is_purchasable” for availability
  • Repair: Drive prettyPhoto to at all times load
  • Repair: Add to cart button ought to work withouth the worldwide checkbox being checked
1.3.3 09/17/2016
  • Function: Added extra hooks
  • Function: Tremendously improved the js code
  • Bug: Mounted cart redirect after single “add to cart” click on
1.3.2 09/12/2016
  • Bug: Added examine earlier than destroying customized session.
  • Bug: YITH Wishlist won’t work with variable merchandise. Added native product YITH shortcode as an alternative.
1.3.1 09/08/2016
  • Function: Added assist for YITH Fast View
  • Generic: All columns are set to type as floats besides some predefined ones
1.3.0 09/05/2016
  • Function: Added the choice to have the worldwide cart checkboxes, checked as default
  • Bug: Eradicating each amount and checkboxes from the desk would forestall add to cart button from functioning
1.2.9 09/03/2016
  • Function: Added the choice to drive allow/disable the plugin per product
  • Bug: International add to cart button wouldn’t work if the amount column was not displaying or received modified
1.2.8 08/16/2016
  • Bug: Vartableall shortcode wouldn’t observe the zero_priced setting
  • Bug: Amount wouldn’t work when the -/+ buttons weren’t utilized
  • Bug: Variation worth wouldn’t be displayed if its worth was 0 (zero)
1.2.7 08/04/2016
  • Function: added tax suffix “woocommerce_price_display_suffix”
  • Bug: Mounted subject on amount field for regular merchandise
  • Bug: take away wp_reset_query to be able to repair woocommerce shortcodes points
  • Bug: put worth information on the tr as an alternative of the worth td
1.2.6 07/26/2016
  • Function: Added totals column
  • Function: Added slide down fastened panel notification on add to cart
  • Bug: title wouldn’t present if there was a customized header set
1.2.5 06/21/2016
  • Function: Added classes parameter on vartableall shortcode
  • Bug: id parameter was not engaged on varatableall shortcode
1.2.4 06/14/2016
  • Function: Added hook “vartable_global_btn” to override the worldwide cart html
  • Function: Added product title possibility “title=1” on vartableall shortcode
  • Bug: Drop downs won’t be moved beneath the picture when the plugin is disabled
  • Bug: Eliminated refresh fragments when ajax is OFF
  • Bug: Mounted get_weight() subject when variable product had no variations
  • Bug: Mounted some warnings poping up
1.2.3 05/03/2016
  • Function: Added the choice to maneuver the desk beneath the picture on the one product web page
  • Bug: Redirection to cart was not working
1.2.2 05/02/2016
  • Function: Add checks on min and max amount through JS
  • Bug: Provide/further picture would seem each if an override was set
1.2.1 05/01/2016
  • Function: Add possibility to cover the checkboxes and management what’s added within the cart solely by amount
  • Function: Added choice to place the outline inline on the identical row or on a separate row
  • Function: Added possibility to cover out of inventory variations
  • Function: Added international add to cart place setting
  • Function: Added per product default sorting possibility
  • Function: International button will now show the full variety of merchandise which are about to be added to the cart
  • Function: Added choice to set default amount per varioation
  • Function: Added possibility to cover a variation from the desk
  • Function: Added variation weight and dimensions as desk columns
  • Bug: The cart will now be up to date with AJAX name
  • Bug: “Out of inventory” and “backorder” bug repair
  • Bug: Added some CSS courses to make the worldwide add to cart button to seem like a button
1.2.0 12/28/2015
  • Function: Added the attribute slug as a CSS class, so you may have management on it
  • Function: Added – / + buttons possibility to regulate the amount
  • Bug: Eliminated sorting on “Choose All” column
  • Bug: Mounted cell label not displaying in some instances
  • Bug: Mounted do_action hooks. The whole lot will be echoed now.
  • Bug: Mounted default quanity to be added to cart was at all times initialy 1
1.1.9 10/13/2015
  • Function: Added steps fields for every variation for the quanity enter subject
  • Function: Added a number of hooks
  • Bug: Settings should not reset should you de-activate and re-activate the plugin
  • Bug: Out of the inventory ought to show if the amount of the product is zero and you’ve got checked the inventory administration
  • Bug: In case you set amount to zero and click on on add to cart it won’t add it any extra
1.1.8 09/02/2015
  • Function: Added setting for default amount worth
  • Bug: IE ought to work high-quality now
  • Bug: Mounted sorting when all variations have a sorting worth
1.1.7 08/26/2015
  • Function: Added choice to disable further/provide picture per product
  • Function: Added motion (hook) within the add to cart type per row
  • Bug: Mounted subject with provide column displaying even when it was not enabled
1.1.6 08/24/2015
  • Function: Eliminated Footable and added “Silly jQuery Desk Type”
  • Function: The plugin is now suitable with most “Fast View” plugins
  • Function: The desk is now responsive by default
  • Bug: Mounted subject with Woocommerce v. 2.4.5 that brought about the variations not displaying
1.1.5 07/06/2015
  • Bug: Mounted redirection to cart
1.1.4 07/01/2015
  • Function: Now the plugin checks and may work with crappy imported merchandise
  • Bug: Mounted potential operate battle
1.1.3 06/19/2015
  • Function: Added possibility to cover or not zero priced variations
1.1.2 06/17/2015
  • Function: Added sorting possibility of the desk’s columns on the frontend
  • Bug: Mounted epmty columns on the desk
  • Bug: Mounted add to cart column at all times on on the frontend
  • Bug: Mounted columns array overwriting in some variations setups
  • Bug: Numerous bug fixes
1.1.1 03/23/2015
  • Function: Added responsive possibility through the Footable jQuery Plugin
  • Bug: Numerous fixes and checks for the header
1.1.0 03/20/2015
  • Function: Added desk headers
1.0.8 03/17/2015
  • Bug: Mounted AJAX subject when a number of merchandise the place on the identical web page
1.0.7 03/07/2015
  • Bug: Mounted “international add to cart” not working when “add to cart” column is just not displayed
  • Bug: Eliminated checkbox when the variable product can’t be bought
  • Function: Added some loading and full icons for the worldwide add to cart button
  • Function: Added choice to disable the substitute of the default variations drop down globally. On this manner, the whole lot shall be as default WooCommerce and you may show the desk/grid solely through the shortcode.
1.0.6 03/06/2015
  • Added international shortcode that can show all variations of all variable merchandise.
  • Added International Add To Cart button.
  • Added Low Inventory performance.
  • Added assist for attributes sorting.
  • Added assist for customized attributes when including the variation
1.0.5 03/04/2015
  • Added product “id” possibility on the shortcode
1.0.4 02/26/2015
  • Added assist for WooCommerce Product Reward Wrap
  • Added description per variation subject and settings
  • Added AJAX assist on “Add to cart” and “Wishlist” click on
  • Added Italian translation (because of Antonio)
  • Mounted notices for “Undefined index”
1.0.3 02/24/2015
  • Mounted bug when disabling column
1.0.2 02/22/2015
  • Added override of additional picture per variation
  • Added sorting of columns
  • Added SKU possibility as column
  • Added a number of filters
  • Added French translation
1.0.1 02/21/2015
  • Resolved bug that prevented the disabling of the columns
  • Added tag (%n) so it’s possible you’ll show the variety of the merchandise you will have in inventory within the “In Inventory Textual content”
  • Added Greek translation
1.0 02/20/2015
  • Preliminary launch

Sources and Credit

This plugin makes use of the next libraries


Related Posts