WooCommerce Product Table

Use customizable WooCommerce product table for a smart tabular display of WooCommerce products.

This sort of display makes your customers more comfortable to buy because all the details of products can be in one single row. They can decide by following the columns and product row. And the buy button is right there for them to add the product to cart.

Tips for you: Unless you have the WooCommerce plugin installed on your dashboard and have a few products ready, this template will show empty data when you import it. And on this page, for the “View Cart” and “Checkout” buttons to be visible, you need to add a product to the cart. Also, this table here is customized with CSS. So, after importing, you need to replace the table ID with the auto-generated table ID you’ll get in the Custom CSS tab. For example, this table’s ID is “#footable_parent_3792.” You replace with whatever ID is auto-generated for you.

How to use this WooCommerce product table:

This table is easy to use and customize. Just follow these steps:

1. Install and activate Ninja Tables on your WordPress dashboard
2. Go to Ninja Tables → Tables → Import Table.
3. Select the JSON file and in the import format section choose: JSON- Exported From Ninja Tables.
4. Click on the Import button and wait for the confirmation message.
5. Go to the Custom CSS/JS tab and replace the table IDs with your table ID to get exactly the same table.

After getting the success message, you can edit your table as you wish. Add or remove columns, rows, and features. Change the colors, fonts, and styles.

***This table contains CSS. Remember to customize the coding windows with your auto-generated table ID.

When you are done, save your table and copy the shortcode to your clipboard. You can paste it on any page or post where you want to display the table. Enjoy!