Table of Content

HomeBlogPlugin UsageHow to add variable products t...

How to add variable products to the cart by Woocommerce product table plugin?

Adding variable products to cart is important for customers when purchasing from an online store. They can choose their favorite attributes and have a better shopping experience.

To add variable products to the cart you have to assign some attributes to your products in Woocommerce.

Let’s consider that you have some variable products in your online store. You want to make it possible for your customers to add them into the cart for shopping.

By default, you can’t add variable products before choosing a variation. But in our plugin you can choose multi product variation and add them to the cart by one click. 

You have two option for showing variation in woocommerce product table plugin:

Add variable products as a separate column

For adding variation as a separate column, you must go to the “Columns” tab. Then activate the “Variation” column by clicking on the desired device icon. This means if you want to show variation column on desktop, tablet or mobile devices. You can activate/deactivate them from here.

Add variable products as a separate column

Add variable products to the action column

To help customers adding variable products to cart, you have to change some features of your product table in the “Setting” tab.

Setting tab of Woocommerce product table plugin

By scrolling down in this page, you can see the “Show Variation in Action Column” as below:

Show variation  button in woocommerce product table plugin

You have to mark the checkbox next to “Show” to enable this option in the product table. By enabling this option, select variation button will be add to “Action” column beside “add to cart” button as you can see below:

select variation button in product table

Note: We also enable ‘Sticky Column‘ for our product table to stick the “Action” column at the left side of the table. You can also add an “Action” column from the “Columns” tab to add it into columns of the product table. We described all of these options in “How to create a product table with a cart” tutorial.

By refreshing the front page, you can see that the product variation option has been added to the action column:

product variation option

By adding this option, customers can select their favorite attributes directly from the action column:

select custom attributes directly from the action column

Add attributes to the product variation

If you add any attributes to the WooCommerce and assign it to the products, it will be automatically added to your product variations in the product table.

For example, in this tutorial, we added material as an attribute to the WooCommerce:

New attribute in WooCommerce

And then we assigned it to the ‘V-Neck T-shirt’:

Assign attribute to in product in woocommerce

There is no need to change any setting in the product table. When you open the product table page, the variations are there:

Choose attribute popup in woocommerce product table plugin for add variable products to cart

How can customers add variation products to their cart?

As you can see in the above, customers are not allowed to add the product to their cart before setting their preferred variations as the check box and the basket option is off.

When they set their favorite attributes as below, the items will turn on and they are able to add them to their cart by clicking on basket item:

add variable products to cart
Like this tutorial?

Do you still have a problem?

If you still have unanswered questions or need custom work for your plugin, contact iThemeland Support.


Notify of
Inline Feedbacks
View all comments