With TableKit, you can create a WooCommerce cart table, where users can directly add products to the cart from the product table.
Pre-requisites #
Make sure you have products added to WooCommerce before proceeding with the product table.
Step 1: Include the Add to Cart button in the table #
Firstly, create a WooCommerce product table in the Gutenberg editor with TableKit.
Once you create the product table, you can include the 장바구니에 추가 button from the Column Settings.
- 열기 Column Settings 콘텐츠 탭에서
- 다음을 클릭하세요. 아이템 추가 단추.
- Select Field as ‘Add to Cart Button’
- 을 추가하다 label as the header text of that column.


With TableKit’s product table, including the Add To Cart button, allows users to select the quantity of a product directly from the table. It also displays the Out of Stock status when a product is unavailable.
This means users can now add items to their cart and adjust quantities right from the WooCommerce Product Table, streamlining the shopping experience.

