1.Overview

WooCommerce Product Variation Table Extension allows you to display the variation of the variable product in a tabular form. In this extension, we provide three different layouts; all variations are listed with the price. This extension is fully responsive and easy to customize.

  • Default Variation: When customers can’t fill any values of the variation so there are default values in this variation.
  • Tabular Variation: For customers’ flexibility, we provide the tabular variation for all the variable products.
  • Export Variation Table: Allow Customers to export the tabular variations in a CSV file. 
  • Select Table Location: Admin can determine the location of the product variation table.
  • Price Variation: This Extension provides the price variation for each variable product in a tabular format.
  • Dropdown Menu: To easily select the attributes for drop-down menus.
  • One-Click Order: In this extension, you can just one click to add to cart button and your order would be added to your cart.
  • Easy Customization: Now you can empower your customer to easily customize this extension.
  • Grid View: Quantity Grid View for Two Global Attribute
  • Cart Button: Grid View Table of Variations with Cart Buttons
  • Managed Tabular Look: This extension allows you to display all the variations of the variable product in a managed tabular format where Users may see the product, its name, description, price, quantity all at one single place.
  • Customized Table-View: You can also play around with table forms through listing one single variable product, followed by different variations of the chosen variable product, one single description of the variable product and Add to cart, so to complete the process.
  • Color Variation: Enable the color attribute for the Product Variations Table.
  • Header Color: Enable this setting to change the header color of the Product Variation Table.
  • Remove Unwanted Widgets: To enable this setting to remove the unnecessary widgets from the front end.
  • Advanced View Options: This setting allows you to fully customize the variation table.

2.Installation

1. Automatic Installation
Automatic installation is the easiest option as WordPress handles the file transfers itself and you don’t need to leave your web browser.
Steps are as follows :
(I) Download the zip folder of the plugin WooCommerce Table View for Variation.
(ii) Once downloaded, install the plugin through browsing and activate it.

 

2. Manual Installation
The manual installation of the plugin is another option to install the plugin to your WordPress-environment. The manual installation method involves downloading our WooCommerce Table View for Variation Extension and uploading it to your webserver via your favorite FTP application.
Steps are as follows :
(I) Upload the WooCommerce Table View for Variation folder to the /wp-content/plugins/ directory.
(ii) Activate the plugin through the ‘Plugins’ menu in WordPress.

3.Default Variation Table Setting

In this section, there are settings to customize the WooCommerce variation table column names and table view.

variation table default settings

Enable Checkbox Table for Default View

Select the default table view to show the variable product in tabular format and enter text to display the column name of the table.

Now, you can see the product’s details in the tabular format with the defined column name.

woocommerce table view for variations table

Applying Filter and Pagination on Table View:

Through this setting, you can allow customers to filter the variation table and implement pagination on it. 

Here you can see the filter and pagination section in the Product Variation Table.

woocommerce product variation table pagination

Enable Checkbox to Disable Unnecessary Widgets

Click on the toggle button to disable unwanted widgets from the front.

Here you can see the unnecessary widgets will be deleted after enabling the setting.

woocommerce product variation table

Enable to Show Export tab in Tabular Variation

Enable this toggle button to add an export button on the product page. You can download the product variation table data in a CSV format using this feature.

export tabular variation

Enable Grid View With Quantity Field

Enable the Grid View with Quantity field toggle when you have only two global attributes.

woocommerce product variation table quantity field

After enabling this setting, you can see the variation table in the attribute form.

woocommerce product variation table description

Select the Position of Variation Table on the Product Page

From this dropdown, you can select the on-product page placement of the product variation table. The following positions are available:

product variation table position

  • After Product Summary
  • After Product Description 
  • After Single Product 
  • After Product Price 
  • After Product Short Description 
  • After a Single Product summary 

Select your preferred position and click ‘Submit’ to save your settings.

4.New Setting for Variation Table

The setting in this tab allows you to configure the variation table layout.

Other Variation Table View:

other variation view

using this setting, you can display the product in two types of Variation tables.

Select Type for Grid View of Variations

  • Table View 1: All the product managed in the tabular format where the user can see the product name, Price, and quantity all in one single place.

After saving the settings. This type of variation is displayed.

table view

 

  • Table View 2: In this listing of products, a variable product is followed by the different variations of the selected variable product, with a single description of the variable product and Add to cart button.
After saving the settings. Display the product with the main product description.table view 2

 

Enable Variations Description Column On Front-End:

You can enable/disable the description column from the table.

Variations Description Column

After enabling this setting, you can see the Product Variation Table with the different product descriptions.

enable product description

Select Color For Table Header:

You can modify the header color of the product variation table. To do this, click on the Select Color grid and choose the color you want for the table header.

select color for table header
Here you can see the changed header color.
changed header color

Enable Color Variations Table:

To enable Color Variation Table Setting first you have to enable WooCommerce Color and Swatches for Variations plugin.
This setting will work only with The ‘Global Color Attribute‘ and select the listing type of color attribute for the Product Variations Table. Last click on the  ‘Submit‘ button.

color variation table

You can choose the product variation with the color attribute.

woocommerce-table-view-for-variations-select-color-variation

5.Variation Price Table Setting

Enable Price Table View:

Here you can enable the checkbox for Image Grid View of Variations and select the grid view of variation single cart button. After this click on the Submit button.

enable price table view

After changing the settings, the front-end will be shown as below.

variations product

Enable Image Grid View Of Variations:

Enable Image Grid View Of Variations
  • Select Grid View for the Single Add To Cart button

Select grid view variation with the single cart button.

After submitting the settings, the variable products will be shown in the following image:

Grid View for Single Add To Cart button

 

  • Select Grid View for different Add To Cart button

Select grid view variation with the different cart button.

After saving the settings, all the variable products will show with their own Add to Cart button:

Grid View for different Add To Cart button

6.Select Table settings for Advance view

This setting allows you to produce a fully customizable table for the variable products. After enabling this setting a default table template will display on the frontend with the variation of the selected product.

table settings for advance view

This setting allows you to customize these fields of the table:

  • Enable setting to filter and Search the variations in the table.
  • Set the background image in the variation table.
  • Set the background color in the variation table.
  • Choose the color for the table background.
  • Choose the color for the table header.
  • Choose the color for the table header text.
  • Choose the color for table content.
  • Choose the color for the table border.
  • Enter text for thumbnail images column name.
  • Enter text for product title column name.
  • Enter text for product description column name.
  • Enter text for product price column name.
all variations

6.1.Enable Search and Filter Feature in Variation Table

Enable this setting to allow the filter and search variation feature in the table. Now, you can see the filter and search feature in the variation table.

filter and search variation feature in the table

After enabling this setting you can see the filter and search feature in the variation table.

filter and search feature in the variation table

6.2.Select Background Image for Table Layout

This setting allows you to set a background image, border color, header color, text color, header text color, and column name of the product variation table.

set background image in product table

After saving the setting you can see the modernized table layout.

modernized table layout

6.3.Select Background Color for Table Layout

This setting allows you to set the background color, border color, header color, text color, header text color, and column name of the product variation table.

set background color variation table

Here’s how it will appear on the front-end:

background color variation table

7.FAQs

 

No, customer Use only single variation  Table setting in one time.

Basically, this plugin is created for variable products. We provide the tabular variation for all variable products. See the following link

https://demo.wpswings.com/woocommerce-table-view-for-variations/product/t-shirt/

We provide a search box for searching the variation. Go to the Variation Table > Default Variation Table Setting >Enable Checkbox for applying filter and pagination on Table View.

There is no limit of the attributes listing, you can list as many attributes as you want.

Suggest Edit