With TableKit, you can create a WooCommerce cart table, where users can directly add products to the cart from the product table.

Pre-requisites #

1. TableKit Pro plugin: プラグインを入手する
2. ウーコマース: プラグインをダウンロード

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.

1. 開く Column Settings 「コンテンツ」タブの下にあります。
2. クリックしてください  アイテムの追加 ボタン。
3. Select Field as ‘Add to Cart Button’
4. 追加 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.