WooCommerce Variations to Table - Grid

LIVE PREVIEW BUY FOR $26

Appropriate with WordPress 6.x and WooCommerce 8.x & 9.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 includes a self-explanatory with loads of choices admin settings panel, nice documentation and help and per product choices.

by:
Nitroweb

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

Options

Consumer pleasant and self-explanatory administration panel.
Shows all of the wanted knowledge in your variable merchandise with choices to disable them.
The desk is searchable on-the-fly
Helps “any” whenever 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 bulk 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 will help you put the desk the place ever you want and shortcodes are executed.
Straightforward to make use of world 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 along 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 may 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 may be set
Simply translatable through .po / .mo recordsdata.
Out there translations: English, Greek, Français, Italiano, Polish.

Evaluations

Enabled WooCommerce Variation Swatches and Pictures help

Utilization

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

Choices

Exclude Classes: Chances are you’ll choose complete classes to exclude the plugin with a purpose to show the variations with the default choose menus
Show Thumbnail: Choose “sure” to show the thumbnail column or “no” to cover it.
Thumbnail Width in Pixels: Chances are you’ll outline the with of the thumbnail in pixels on this area
Show Inventory: Choose “sure” to show the inventory situation column or “no” to cover it.
In Inventory Textual content: If the inventory is displayed, chances are you’ll set the textual content to show when the variation is in inventory
Out of Inventory Textual content: If the inventory is displayed, chances are you’ll set the textual content to show when the variation is out of inventory
Low Inventory Textual content: If the inventory is displayed, chances are you’ll set the textual content to show when the variation inventory is low
Low Inventory Threshold: Enter the amount of the variation that can set off the low inventory standing
Show Value: Choose “sure” to show the value column or “no” to cover it.
Show Whole (New): Choose “sure” to show the totals column or “no” to cover it.
Show Amount Subject: Choose “sure” to show the amount enter area of the merchandise to be added to cart column or “no” to cover it.
Show Add To Cart: Choose “sure” to show the add to cart button column or “no” to cover it.
Show Wishlist: Choose “sure” to show the wishlist icon column or “no” to cover it.
Show Picture: Choose “sure” to show an additional picture/sticker/icon column or “no” to cover it.
Add Picture: Add the additional picture/sticker/icon by clicking on the Open Media Supervisor button.
Show Description: Choose “sure” to show an outline underneath the row of the variation.
Show Desk Header: Choose “sure” to show desk header.
Customized Desk Header: Chances are you’ll write your individual customized HTML code for all desk headers right here.
Allow Ajax: Choose “sure” to allow AJAX for “add to cart” and “wishlist”
Allow Responsive Desk: Choose “sure” to make the desk cellular pleasant
Order Columns: Chances are you’ll order the columns by drag-n-dropping the listing components
You might be able to go! * Save Adjustments *

Shortcode

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

With the intention to customise the shortcode chances are 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
value
supply
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 attainable 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 chances are 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 the event you use the shortcode outsite the product web page, then the “id” attribute of the shortcode is obligatory!!!

All Variable Merchandise All variations Shortcode

Chances are 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 may 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 choice on this shortcode.

Developer Pleasant

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

You may add alter the css class of the hyperlink to the complete 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 check with Woocommerce documentation.

Actions

Chances are 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 in case you are utilizing the shortcode technique

Necessities

WordPress 4.0+
Woocommerce 3.6+
PHP 7.0+

Often Requested Questions

I get Deadly error: Can not redeclare woocommerce_variable_add_to_cart()

Please attempt de-activating WooCommerce, activating the plugin and re-activating WooCommerce
Can I listing all variations of all variable merchandise?

Sure, you may through the [vartableall] shortcode.
Can I take advantage of customized attributes when including a variation?

Sure, this was added on model 1.0.6.
Can I put this anyplace in my web site?

Sure, you may through the shortcode, if the sphere the place you place it shortcodes are executed. You’ll have to specify the id of the variable product on the shortcode arguments.
Can I disable the grid for only one or any product I would like?

Sure, you may through the product edit display screen. Please choose “Sure” on the choice “Disable variations desk” underneath the product’s basic settings tab.
Can I disable the grid for any class I would like?

Sure, chances are you’ll do that through the admin panel that’s offered underneath “Woocommerce ? Variations Desk”.
If I disable the desk/grid for a product can I nonetheless use the shortcode?

Sure, the shortcode is just not getting disabled.
Wishlist variations miss the chosen attributes

As a result of manner that wishlist works, it is not going to help variable merchandise that you’ve set attributes as “any”.
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 may be put in as another wordpress plugin. Set up is easy.

Extract the zip file you have got downloaded.
Login to your administration panel (ex. http://www.yourdomain.com/wp-admin).
Go to Plugins -> Add New.
On the high of the web page click on the “Add Plugin” hyperlink
Click on select file (or what your browser makes use of to navigate to your recordsdata)
From the extracted recordsdata of the 1st step (1) navigate to and choose woo-variations-table.zip and click on “Set up Now“
Chances are you’ll be requested to affirm your want to set up the Plugin.
If that is the primary time you’ve put in a WordPress Plugin, chances are you’ll must enter the FTP login credential info. In the event you’ve put in a Plugin earlier than, it should nonetheless have the login info. This info is out there by means of your net server host.
Click on Proceed to proceed with the set up. The ensuing set up display screen will listing the set up as profitable or word any issues through the set up.
If profitable, please click on Activate Plugin to activate it.
In the event you get an error, please de-activate WooCommerce, activate the plugin and re-activate WooCommerce

Changelog

1.5.8 03 Σεπ 2024

Characteristic: Added the choice to show the default WooCommerce availability textual content

1.5.7 18 Aug 2024

Characteristic: Added variations desk dwell search
Characteristic: Added the choice to cover value, cart button and amount area if the variation value is just not set or is zero
Characteristic: Added the choice to cover value if the variation is out of inventory

1.5.6 05 Aug 2024

Characteristic: Added the choice to group or to show one after the other the desk photographs on the pop up

1.5.5 24 Jun 2024

Repair: Escaping picture caption attribute
Repair: PHP error on picture caption choices variable earlier than preliminary save

1.5.4 23 Jun 2024

Characteristic: Added pop up picture caption choice

1.5.3 26 Could 2024

Repair: PHP error earlier than preliminary save

1.5.2 26 Oct 2023

Characteristic: Compatibility with Min and Max Quantity for WooCommerce plugin
Repair: Minor PHP discover

1.5.1 26 Jun 2023

Repair: Added WooCommerce added_to_cart JS hook

1.5.0 01 Could 2023

Characteristic: Added amount minus/plus SVG icons
Characteristic: Added add to cart icon choice
Characteristic: Added the choice to take away the add to cart textual content from the add to cart button

1.4.17 27 Apr 2023

Repair: The “Take away desk head” choice, must also take away the labels on cellular gadgets
Repair: PHP 8.0 compatibility

1.4.15 30 Jan 2023

Characteristic: Added submit meta desk DB clear up choice
Characteristic: Added plugin reset choice
Characteristic: Added the choice to delete the plugin setting on deactivation
Repair: Eliminated PHP discover
Repair: Repair plugin precedence choice

1.4.14 18 Could 2022

Characteristic: Added the choice to alter the “add to cart” notification timer
Repair: Additional picture column misalignment
Repair: Unresponsive cellular desk scrolling CSS repair

1.4.13 02 Could 2022

Characteristic: Added the choice to allow/disable cellular structure
Characteristic: Added the choice to cover empty cells on cellular

1.4.12 24 Apr 2022

Characteristic: Added higher YITH Wishlist Compatibility
Characteristic: Added “Further Variation Pictures Gallery for WooCommerce” compatibility

1.4.11 21 Apr 2022

Characteristic: Added the choice to not hyperlink the photographs
Repair: Eliminated PHP notices

1.4.10 23 Mar 2022

Characteristic: Added transport class column
Repair: In some instances the primary plugin JS file wouldn’t load

1.4.9 20 Jan 2022

Characteristic: Added backorder customized textual content choice
Characteristic: Added inventory label styling choice

1.4.8 02 Dec 2021

Characteristic: Added WooCommerce error notices on the notification panel.
Characteristic: Added sorting arrows on desk header
Characteristic: 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

Characteristic: Added sorting choices per WooCommerce Attribute
Characteristic: upgraded sorting JS
Repair: Eliminated WooCommerce swatches PHP notices if the product had no swatches

1.4.6 11/29/2021

Characteristic: Added extra versatile method to place the desk within the single product web page
Characteristic: Added help for WooCommerce Variation Swatches and Photos
Repair: Extra themes compatibility

1.4.4 11/24/2021

Repair: added help 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

Characteristic: Added YITH WooCommerce Ready Checklist help

1.4.0 07/23/2021

Characteristic: 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

Characteristic: Added choice to cover the “added to cart” sliding notification
Characteristic: Added Fancybox3 for zooming and choice to allow/disable through the settings web page
Characteristic: 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

Characteristic: Added “woocommerce_add_to_cart_redirect” filter on the cart URL
Characteristic: Added a closing button to manually conceal the notification slide down paneln
Repair: Verify if customers function is array to keep away from PHP warning
Repair: When utilizing the World Add to Cart button 0 priced gadgets weren’t added to cart.

1.3.4 10/31/2016

Characteristic: Added some extra CSS lessons for widespread themes
Characteristic: Per function plugin activation
Characteristic: If customized variation description doesn’t exist, it should search for the default woocommerce variable description
Repair: Verify with “is_purchasable” for availability
Repair: Drive prettyPhoto to all the time load
Repair: Add to cart button ought to work withouth the worldwide checkbox being checked

1.3.3 09/17/2016

Characteristic: Added extra hooks
Characteristic: Enormously improved the js code
Bug: Fastened 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 is not going to work with variable merchandise. Added native product YITH shortcode as a substitute.

1.3.1 09/08/2016

Characteristic: Added help for YITH Fast View
Generic: All columns are set to type as floats besides some predefined ones

1.3.0 09/05/2016

Characteristic: 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

Characteristic: Added the choice to drive allow/disable the plugin per product
Bug: World add to cart button wouldn’t work if the amount column was not displaying or bought 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

Characteristic: added tax suffix “woocommerce_price_display_suffix”
Bug: Fastened challenge on amount field for regular merchandise
Bug: take away wp_reset_query with a purpose to repair woocommerce shortcodes points
Bug: put value knowledge on the tr as a substitute of the value td

1.2.6 07/26/2016

Characteristic: Added totals column
Characteristic: Added slide down mounted panel notification on add to cart
Bug: title wouldn’t present if there was a customized header set

1.2.5 06/21/2016

Characteristic: Added classes parameter on vartableall shortcode
Bug: id parameter was not engaged on varatableall shortcode

1.2.4 06/14/2016

Characteristic: Added hook “vartable_global_btn” to override the worldwide cart html
Characteristic: Added product title choice “title=1” on vartableall shortcode
Bug: Drop downs is not going to be moved underneath the picture when the plugin is disabled
Bug: Eliminated refresh fragments when ajax is OFF
Bug: Fastened get_weight() challenge when variable product had no variations
Bug: Fastened some warnings poping up

1.2.3 05/03/2016

Characteristic: Added the choice to maneuver the desk underneath the picture on the only product web page
Bug: Redirection to cart was not working

1.2.2 05/02/2016

Characteristic: Add checks on min and max amount through JS
Bug: Supply/further picture would seem each if an override was set

1.2.1 05/01/2016

Characteristic: Add choice to cover the checkboxes and management what’s added within the cart solely by amount
Characteristic: Added choice to place the outline inline on the identical row or on a separate row
Characteristic: Added choice to cover out of inventory variations
Characteristic: Added world add to cart place setting
Characteristic: Added per product default sorting choice
Characteristic: World button will now show the entire variety of merchandise which are about to be added to the cart
Characteristic: Added choice to set default amount per varioation
Characteristic: Added choice to cover a variation from the desk
Characteristic: 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 lessons to make the worldwide add to cart button to appear like a button

1.2.0 12/28/2015

Characteristic: Added the attribute slug as a CSS class, so you may have management on it
Characteristic: Added – / + buttons choice to regulate the amount
Bug: Eliminated sorting on “Choose All” column
Bug: Fastened cellular label not displaying in some instances
Bug: Fastened do_action hooks. Every thing may be echoed now.
Bug: Fastened default quanity to be added to cart was all the time initialy 1

1.1.9 10/13/2015

Characteristic: Added steps fields for every variation for the quanity enter area
Characteristic: Added a number of hooks
Bug: Settings are usually not reset for those who 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 the event you set amount to zero and click on on add to cart it is not going to add it any extra

1.1.8 09/02/2015

Characteristic: Added setting for default amount worth
Bug: IE ought to work advantageous now
Bug: Fastened sorting when all variations have a sorting worth

1.1.7 08/26/2015

Characteristic: Added choice to disable further/supply picture per product
Characteristic: Added motion (hook) within the add to cart type per row
Bug: Fastened challenge with supply column displaying even when it was not enabled

1.1.6 08/24/2015

Characteristic: Eliminated Footable and added “Silly jQuery Desk Kind”
Characteristic: The plugin is now appropriate with most “Fast View” plugins
Characteristic: The desk is now responsive by default
Bug: Fastened challenge with Woocommerce v. 2.4.5 that precipitated the variations not displaying

1.1.5 07/06/2015

Bug: Fastened redirection to cart

1.1.4 07/01/2015

Characteristic: Now the plugin checks and might work with crappy imported merchandise
Bug: Fastened attainable operate battle

1.1.3 06/19/2015

Characteristic: Added choice to cover or not zero priced variations

1.1.2 06/17/2015

Characteristic: Added sorting choice of the desk’s columns on the frontend
Bug: Fastened epmty columns on the desk
Bug: Fastened add to cart column all the time on on the frontend
Bug: Fastened columns array overwriting in some variations setups
Bug: Varied bug fixes

1.1.1 03/23/2015

Characteristic: Added responsive choice through the Footable jQuery Plugin
Bug: Varied fixes and checks for the header

1.1.0 03/20/2015

Characteristic: Added desk headers

1.0.8 03/17/2015

Bug: Fastened AJAX challenge when a number of merchandise the place on the identical web page

1.0.7 03/07/2015

Bug: Fastened “world 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
Characteristic: Added some loading and full icons for the worldwide add to cart button
Characteristic: Added choice to disable the substitute of the default variations drop down globally. On this manner, every part will probably be as default WooCommerce and you may show the desk/grid solely through the shortcode.

1.0.6 03/06/2015

Added world shortcode that can show all variations of all variable merchandise.
Added World Add To Cart button.
Added Low Inventory performance.
Added help for attributes sorting.
Added help for customized attributes when including the variation

1.0.5 03/04/2015

Added product “id” choice on the shortcode

1.0.4 02/26/2015

Added help for WooCommerce Product Reward Wrap
Added description per variation area and settings
Added AJAX help on “Add to cart” and “Wishlist” click on
Added Italian translation (due to Antonio)
Fastened notices for “Undefined index”

1.0.3 02/24/2015

Fastened bug when disabling column

1.0.2 02/22/2015

Added override of additional picture per variation
Added sorting of columns
Added SKU choice 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 chances are you’ll show the variety of the merchandise you have got 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

Stupid jQuery Table Sort

Source

Press ESC to close