Display WooCommerce product variations in a nicely formatted table with options to sort and filter by attribute.
PVT – Product Variation Table for WooCommerce 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 PVT – Product Variation Table for WooCommerce, 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.
PVT – Product Variation Table for WooCommerce 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.
View Demo | Documentation | Support | Pro Version
⚙️ Control what columns to show or hide in the variations table.
⚙️ Select where you want the variations table to show up in the product page.
⚙️ Sort the table columns as you wish using easy drag’n drop tables in settings.
⚙️ Show or hide the “Available Options” button to scroll to the variation table when clicked.
⚙️ Customize “Available Options” and “Add to cart” button text.
⚙️ Choose Plus and Minus buttons to increase/decrease the quantity for each variation.
⚙️ Scroll to top or, redirect to cart page once a product is successfully carted.
⚙️ Display cart confirmation notice after a product successfully carted.
⚙️ Add subtotal columns to instantly display price updates when quantity changes
⚙️ Show or hide header of the variation table.
⚙️ Disable Add To Cart Button when a product variation is out of stock.
⚙️ Stop table breakdown on small devices to display it like large screen devices.
⚙️ Your store, your style! Use the shortcode [pvtfw_table_display]
to include the variation table in your product description.
⚙️ Set a minimum width for the table that fits your theme and page layout.
⚙️ User-friendly horizontal scrollbar option for your table.
⚙️ Now PVT has a format for the +/- quantity field option; you are no longer dependent on the theme.
⚙️ Furthermore, you can hide the “Available Options” title above the variation table.
With the extended version of this plugin, you can take your product variation tables to the next level and increase your store sales with better user experience.
🎨 Bulk add to cart variation products.
🎨 Display Bulk Cart Notice and customize the notice text.
🎨 Display both variation table and dropdown.
🎨 Exclude out of stock variations from the table.
🎨 Resize variation thumbnail on the product table.
🎨 Show or hide variation table for individual product.
🎨 Show or hide variation table for a category.
🎨 Zoom variation thumbnail on the product table.
🎨 Enable thumbnail popup for variation products.
🎨 Display thumbnail popup gallery.
🎨 Show variation title with attributes on popup.
🎨 Search variations by typing your search keywords.
🎨 Disable variation table for mobile screen.
🎨 Pre-select all variations.
🎨 Variation Table Pagination.
🎨 Two different bulk variation table layout. Such as: checkbox style, quantity based bulk cart.
🎨 Display the number of selected items and the total price with the Bulk Cart button.
🎨 Add custom columns to variation table. How to add custom columns? Please check this article.
🎨 Replace the Add to Cart text from the Action Column with a Cart Icon. As a result, your product variation table will be more compact and beautiful.
🎨 Replace the Bulk Cart Text with a Cart Icon to make your product page more appealing
🎨 Display text “Out of Stock” replacing the disable quantity field for out-of-stock variations.
🎨 PVT Pro is now wishlist compatible; you can display the Add to Wishlist option in the table.
🎨 Compatible with Back In Stock Notifier Plugin; you can display the inline form/popup button in the table.
🎨 Support for the Min/Max Step control plugin empowers you to apply those rules inside the variation table too.
Currently, it has support for the following plugins:
YITH WooCommerce Wishlist
TI WooCommerce Wishlist
Back In Stock Notifier for WooCommerce
Min/Max Quantities plugin
👉 Variation Price Display Range for WooCommerce
👉 Fast Cart for WooCommerce
👉 Social Share for WooCommerce
After downloading the ZIP file,
Once you have installed and activated the PVT – Product Variation Table for WooCommerce, your product variation has a new tabular look with the default plugin settings. You will find a new menu option under WPXtension. Hover over or click on WPXtension to find the new menu option called Variation Table (WPXtension > 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.
Benefits of using PVT – Product Variation Table for WooCommerce
🥳 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.
PVT – Product Variation Table for WooCommerce replaces the default dropdown options of WooCommerce with a professional-looking table that is empowered with filter by attributes feature.
No, it only displays the product variation table on the single product/product details pages.
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.
Yes, you can change this from the plugin settings.
Yes, 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'); ?>
You can add the following code inside your child theme’s functions.php file. We recommend using a child theme rather than the main/parent theme.
remove_filter( 'pvt_print_qty_field', 'pvt_display_qty_field', 10, 1 ); add_filter( 'pvt_print_qty_field', function( $value ){ return woocommerce_quantity_input($value); });
Suggestion: You can also add the snippet using a plugin called Code Snippets
pvt_global_attribute_terms
, pvt_custom_attribute_terms
filters. Replaced this hook pvt_print_plus_minus_qty_field
with pvt_print_qty_field
Product ID
should be a variable product.pvtfw_available_options_btn_text
for translating the dynamic text.pvtfw_before_table_block
& pvtfw_after_table_block
.pvtfw_init_variation_table
<div>
for better control.pvt_woocommerce_quantity_input_args
.wp_parse_args
.woocommerce_quantity_input_min
.pvt_print_plus_minus_qty_field
.content-tbody.php
file optimized.woocommerce_quantity_input_args
changed to pvt_woocommerce_quantity_input_args
.Uncaught Error: Call to undefined method
for product types except variable proudct type.Warning Invalid argument supplied for foreach()
if prices are empty. Now PVT will act as default WooCommerce does.class_pvtfw_print_table.php
& class_pvtfw_available_btn
pvt_skip_some_variation
[pvtfw_table_display]
shortcode updated, can be passed product id to get a specific products variations. For example: [pvtfw_table_display id="91"]
.pvtfw_num_of_decimal
filter hook, to remove decimal number after the price.pvtfw_table_sku
, pvtfw_table_variation_description
, pvtfw_table_attributes
, pvtfw_table_dimensions_html
, pvtfw_table_weight_html
, pvtfw_table_availability_html
. $single_variation
parameter also passed for the listed hooks to get individual variation data.<tr class="pvt-tr-{product_id}-{unique_id}">
pvtfw_subtotal_with_currency_symbol
filter hook, to change price and currency symbol position.is_type() on null
in Elementor Tempalte preview mode.pvtfw_action_th_title
filter hook, to add a column title in action column.wrap
.woocommerce_quantity_input_min
, woocommerce_quantity_input_max
] to change the minimum and maximum value of basic and +/- quantity field.Our of Stock
in Out of Stock Button string. get_price_html
rather than PVT price htmlpvtfw_price_html
for Woo Discount Rules pluginpvtfw_row_cart_btn_oos
and pvtfw_row_cart_btn_is
to write own button style or add more buttoninit
with template_redirect
to push condition