Setting Up WooCommerce Product Variations Table Listing 

Enabling Product Variations Table Listing

1. Configuring General Settings

Go to WooCommerce > Variation Table > General tab. 

Here, you can configure various variations table options and export buttons as per your requirements.

Enable: Use this option to enable or disable the variations table

Export Buttons: Customize the export buttons to provide various ways for users to interact with your product data. You can individually enable or disable the following buttons:

  • Copy Button
  • Excel Button
  • CSV Button
  • PDF Button
  • Print Button
  • Bulk Add To Cart Button

Bulk Add to Cart Button: Enable this button to allow users add multiple items to the cart at once 

Click “Save Changes” to apply the settings. 

Variation Table: 

2. Customizing the Variable Table 

Apply To: Select where the table should appear on your product page. Options include: 

  • After single product summary
  • Before single product
  • Before add to cart form 
  • After add to cart form
  • After single product 
  • After main content
  • In a product tab

Variation Date: Choose which data to display in the variation table. The available variation data fields are:

  • Quantity
  • Name
  • Weight
  • Price
  • Description
  • Image
  • Attributes
  • Add-To-Cart
  • SKU
  • Stock

Note: Drag and rearrange the elements to sort the table columns as desired. 

Description String Limit: Set a character limit for the product description. (minimum limit = 20)

Shortcode: Use the provided shortcode, i.e., [ka_pvt_variation_table product_id=”15″] to display the variations table on specific product pages 

IMPORTANT:  Don’t forget to add the desired product ID while adding the shortcode

Enable Pagination: If enabled, pagination will divide your variations into multiple pages for better navigation

Products Per Page: Specify the number of products to display per page when pagination is enabled (Default value = 5)

3. Inclusion/Exclusion of Product Categories 

Go to the Variation Inclusion/Exclusion tab to include or exclude specific products or categories from the variation table.

Select Product Options: Choose whether to show specific product categories/products or hide them in the variation table. The dropdown gives you these options:

  • Include 
  • Exclude

Select Category/Categories: Select product categories to be excluded from or included in the variation table

Select Product/Products: Select product to be excluded from or included in the variation table

4. User Roles 

Include User Role: Select the user role for which the table will be displayed (leave empty to show to all) 

  • Administrator
  • Editor
  • Author
  • Contributor
  • Subscriber
  • Customer
  • Shop Manager
  • Wholesale
  • B2B
  • Retailer
  • Guest User

5. Advanced Settings

Custom CSS: A checkbox to enable custom styling for the variation table

  • Variation Table Rows Background Color: Customize the styling of variation table rows
    • BG Color for Odd Rows: Set the background color for odd rows in the table
    • BG Color for Even Rows: Set the background color for even rows in the table
  • Table Header: Customize the styling of the variation table header
    • BG Color: Set the background color for the table header
    • Text Color: Choose the text color for the table header
    • Text align: Specify the text alignment for the header. The options include:
      • Left (default)
      • Center
      • Right
    • Padding: Add padding with a postfix like “px” or “em” to adjust the header’s spacing 
  • Bulk Add To Cart Button: Customize the styling of the bulk add to cart button
    • BG Color: Define the background color for the Bulk Add To Cart Button
    • Text Color: Choose the text color for the button
  • Add To Cart Button: Customize the styling of add to cart button
    • BG Color: Set the background color for the Add To Cart Button
    • Text Color: Define the text color for the button
  • Export Buttons: Customize the styling of the export buttons
    • BG Color: Specify the background color for the export buttons
    • Text Color: Choose the text color for the buttons