Woocommerce Variations to Table – Grid

LIVE PREVIEW DOWNLOAD

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.

by:
Nitroweb

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

Options

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.

Evaluations

Enabled WooCommerce Variation Swatches and Images assist

Utilization

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

Choices

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
Show Thumbnail: Choose “sure” to show the thumbnail column or “no” to cover it.
Thumbnail Width in Pixels: It’s possible you’ll outline the with of the thumbnail in pixels on this subject
Show Inventory: Choose “sure” to show the inventory situation column or “no” to cover it.
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
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
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
Low Inventory Threshold: Enter the amount of the variation that can set off the low inventory standing
Show Worth: Choose “sure” to show the worth column or “no” to cover it.
Show Complete (New): Choose “sure” to show the totals column or “no” to cover it.
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.
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 beneath the row of the variation.
Show Desk Header: Choose “sure” to show desk header.
Customized Desk Header: It’s possible 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 cell pleasant
Order Columns: It’s possible you’ll order the columns by drag-n-dropping the listing parts
You’re able to go! * Save Adjustments *

Shortcode

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.

Actions

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

Necessities

WordPress 4.0+
Woocommerce 3.6+
PHP 7.0+

Regularly Requested Questions

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

Please strive 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 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.
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.
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”.
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

Because of the manner that wishlist works, it won’t assist 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 will be put in as every other wordpress plugin. Set up is straightforward.

Extract the zip file you will have downloaded.
Login to your administration panel (ex. http://www.yourdomain.com/wp-admin).
Go to Plugins -> Add New.
On the prime 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 information)
From the extracted information of the 1st step (1) navigate to and choose woo-variations-table.zip and click on “Set up Now“
It’s possible 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, 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.
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.
If profitable, please click on Activate Plugin to activate it.
In case you get an error, please de-activate WooCommerce, activate the plugin and re-activate WooCommerce

Changelog

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

Function: Added extra versatile solution to place the desk within the single product web page
Function: Added assist for WooCommerce Variation Swatches and Photos
Repair: Extra themes compatibility

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

Stupid jQuery Table Sort

DOWNLOAD