Product Variation Table for WooCommerce – PVT

Description

Product Variation Table for WooCommerce – PVT allows you to replace the default dropdown options of WooCommerce variable products and display your product variations in a beautiful and customizable table.

By default, WooCommerce offers a dropdown for the variable products so customers can choose between the size, color, and other available options. With the Product Variation Table for WooCommerce – PVT, you can display the available product variations in an easy-to-follow table. It also offers flexible options to customize the product variation table. Furthermore, customers will have the ability to filter and sort the available options by attributes, price, and other options.

Product Variation Table for WooCommerce – PVT offers ease both for the store owners and customers. It will help your customers to quickly browse through the available options and purchase the desired products. Thus, store owners will have a better chance to make a higher revenue from their store.

Feature Highlights of Product Variation Table for WooCommerce – PVT

⚙️ Offer your customers a nicely formatted table of available product variations.
⚙️ Stop forcing your customers to select options from the dropdown for the Add to cart to become visible/functional.
⚙️ There are lots of available options that you can easily choose to include in the table.
⚙️ You can choose and display the variation attribute values as columns in the table.
⚙️ Filter the available product variations by attributes and other options like SKU/Price.
⚙️ Customize your table by rearranging the table columns using the flexible drag and drop feature.
⚙️ Each available variation will have its “Add to Cart” button.
⚙️ There are multiple spots that you can choose to display the product variation table.
⚙️ Ajax-powered Add To Cart will empower you to avoid page reloads.
⚙️ You can choose Plus and Minus buttons to increase/decrease the quantity for each variation.
⚙️ Disable Add To Cart Button when a product variation is out of stock.
⚙️ Ease of use, enable a product variation table for all products from global settings.
⚙️ Your store, your style! Use the shortcode [pvtfw_table_display] to include the variation table in your product description.
⚙️ Make it even more user-friendly with a horizontal scrollbar for your table.
⚙️ Set a minimum width for the table that fits your theme and page layout.
⚙️ Stop table breakdown on mobile devices to display it like large screen devices.
⚙️ Include a subtotal column to instantly display price updates on quantity change.

Benefits of using Product Variation Table for WooCommerce – PVT

🥳 Bring a new and professional look for your variable products.
🥳 Reduce customer hesitation and hardship by displaying all available options at once.
🥳 Offer a better shopping experience for your customers and save their time.
🥳 Responsive design offers an outstanding shopping experience on all devices.

How does the Product Variation Table for WooCommerce – PVT work:

Once you have installed and activated the Product Variation Table for WooCommerce – PVT, your product variation has a new tabular look with the default plugin settings. You will find a new menu option under WooCommerce. Hover over or click on WooCommerce to find the new menu option called Variation Table (WooCommerce > Variation Table).

Access the menu to make desired customizations to the default plugin settings. First of all, under the settings tab you have the option to control where you want to place the variation table on the product page. Secondly, you have the option to select the columns for your product variation table. You can include the following options: Thumbnail, SKU, Description, Attributes, Dimensions, Weight, Stock, Price, Quantity, Action.

How much would you love to reposition the columns of your variation table! Apart from enabling or disabling specific table columns, you can also reposition them as you wish. The drag and drop option offers perfect flexibility to reposition the table columns. Additionally, on the right-hand side, there are up and down arrows to move a table column in your desired direction.

Next, you have the option to show or hide the Available Options button. You can customize the text from Available Options to anything you want. Furthermore, you can change the Cart button text from Add To Cart to something more meaningful for your store or customers.

Under the Layout tab, first of all, you will find the Element Settings section. The Quantity Field Layout gives you the option to add +/- input to increase or decrease product quantity in the quantity field. Note: this feature requires theme support so if it does not take effect for you, do not bother. Next, you can set a scroll to the top of the page when a product is successfully carted. Finally, you can choose to display a Cart Confirmation Notice when a product is successfully added to the cart. Another new option is the subtotal column. Including this tab will show instant price changes when the quantity field is updated.

Table Customization Option is the next section to give you more visual control of the table. You will find the option to control(show/hide) the table header for your Product Variation Table. With the Stop Table Breakdown option, you can choose the table layout for mobile devices. So can either set the table to breakdown on small devices or display them just like the large screen devices. Next comes Horizontal Scrollbar to give your customers proper browsing ability to check complete product details. Finally, you can restrict the minimum width for your Product Variation Table from the Table Minimum Width.

Hit the Save Changes button when you are done with the customization. Congratulations, you have brought a new shopping experience for your customers.

Available Hooks of Product Variation Table

Currently, there are two available hooks to add custom text before and after the table. The available hooks are:

Before Table Hook: pvtfw_variation_table_before
After Table Hook: pvtfw_variation_table_after

Example:

<?php 
function PVT_custom(){
    echo "My custom text";
}
add_action('pvtfw_variation_table_before', 'PVT_custom');
?>

Screenshots

  • WooCommerce from left Menu.
  • Settings page of Product Variation Table For WooCommerce.
  • Layout page with +/- button or basic quantity input field and other option
  • The output of +/- button

Installation

After downloading the ZIP file,

  1. Log in to the administrator panel.
  2. Go to Plugins Add > New > Upload.
  3. Click “Choose file” (“Browse”) and select the downloaded zip file.
  4. You can control what columns you would show in variation table from WooCommerce -> Variation Table.

FAQ

What is the purpose of the Product Variation Table for WooCommerce – PVT?

Product Variation Table for WooCommerce – PVT replaces the default dropdown options of WooCommerce with a professional-looking table that is empowered with filter by attributes feature.

Can this plugin show the product variation table on the shop/archive pages?

No, it only displays the product variation table on the single product/product details pages.

How to include/exclude an attribute in the variation table?

All the available options are listed with a checkbox beside them. Simply check the options that you want to include in your product variation table.

Can I change the Add to Cart button text?

Yes, you can change this from the plugin settings.

Reviews

སྤྱི་ཟླ་བཅུ་གཉིས་པ། 4, 2021
A great plugin, please add to the file ../inc/templates/content-tbody.php the following lines after line 130, to translate the sku. case 'sku': $key1_title = __('SKU', 'product-variant-table-for-woocommerce'); $key1 = apply_filters( 'pvtfw_sku_title', $key1_title ); break; Thanks
སྤྱི་ཟླ་བཅུ་གཅིག་པ། 3, 2021
I tried this plugin after looking at various other options for a WooCommerce variation table. This one is the best I've found! If you run into problems, support provided by the developer is also awesome.
སྤྱི་ཟླ་བཅུ་པ། 29, 2021
Plugin does exactly what it's supposed to. Was working great, then had a mysterious issue pop up (caused by theme update), developer got issue quickly sorted & resolved with prompt & excellent support 😀
སྤྱི་ཟླ་བཅུ་པ། 22, 2021
Pretty great plugin! The one thing that could make it better is being able to tap the image to open up a larger version of it.
Read all 18 reviews

Contributors & Developers

“Product Variation Table for WooCommerce – PVT” is open source software. The following people have contributed to this plugin.

Contributors

“Product Variation Table for WooCommerce – PVT” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Product Variation Table for WooCommerce – PVT” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.3.13 [26-10-2021]

  • Feature- Subtotal Column added to display instant price after updating quantity field
  • Fixed: Infinity cart spinner after unchecking Cart Confirmation Notice for Ashe theme
  • Fixed: Removed single_add_to_cart_button class, to avoid unwanted behaviour of cart button
  • Fixed: Blank Mini cart issue resolved
  • Fixed: Table width applied with shortcode also
  • Dev- Backward compatibility added and heredoc replaced with sprintf
  • Dev- Filter hook added for button string

1.3.12 [16-9-2021]

  • Fixed: Infinity cart spinner after unchecking Cart Confirmation Notice
  • Fixed: Divi Theme mini cart quantity update

1.3.11 [14-9-2021]

  • Feature: Added scrollbar option
  • Feature: Added table minimum width option
  • Feature: Added an option to stop breakdown of table row on mobile screen

1.3.9 [27-7-2021]

  • Filter hooks added to change Table title (for both desktop & mobile)
  • [hooks]- pvtfw_columns_labels | pvtfw_image_link_title | pvtfw_price_html_title | pvtfw_variation_description_title | pvtfw_dimensions_html_title | pvtfw_weight_html_title | pvtfw_availability_html_title | pvtfw_quantity_title | pvtfw_action_title

1.3.8 [12-7-2021]

  • Fixed Shortcode to display it on exact place

1.3.7 [11-7-2021]

  • Shortcode- [pvtfw_table_display] added for displaying table

1.3.6 [26-6-2021]

  • Priority pushed for some action hook
  • Rewrite facility added for hooks
  • Replaced init with template_redirect to push condition

1.3.5 [15-6-2021]

  • Column Position Switching Option Added
  • Added two new hooks to display before/after Variation Table
  • Translation problem for mobile version fixed
  • Display notice on frontend issue solved (if woocommerce not activated & installed)

1.3.4 [25-5-2021]

  • OOP implemented.
  • Table header on/off added
  • Cart Notice on/off added

1.3.3

  • Disbale Button if variant out of stock.
  • Two more table positioning added.

1.3.2.1

  • Fixed attribute so it now uses the actual name/label and not the slug.

1.3.2

  • Plus Minus button added for quantity.
  • Validation added for quantity using max stock quantity.
  • Translate issue solved

1.3.1

  • Languages folder added
  • Added textdomain with hard coded string
  • Some minor logical changes with condition

1.3.0

  • Add to cart AJAX notice problem solved
  • Added notification for both Success and Error

1.2.8

  • Compatibility issues fixed with currency changer plugin

1.2.7

  • Mobile variation attibute title issue solved
  • Table view updated with some css fixing
  • Cart button padding issue minimized

1.2.5

  • WooCommerce dependency issue minimized

1.2.2

  • CSS for loader

1.2.1

  • JS for loader

1.2.0

  • Attribute label displayed rather than slug.
  • Minor css changes.
  • Ajax cart animated loader implemented.

1.1.7

  • Minor css issues solved.
  • Ajax cart facility implemented.

1.1

  • Compatible with PHP versions.
  • Fix minor syntax error issues in older version of php.

1.0

  • Initial version.