Product Tables for WooCommerce

Product Tables for WooCommerce allows you to display products in the form of a simple and intuitive table layout. Best of all, it’s entirely customizable and gives you full control over what product data is displayed in the table.

Product Tables For WooCommerce Documentation Menu

  • Requirements
  • Installation
  • Configuration
    • Displaying the Product Table
    • Settings and Options
  • How To Use Product Tables
  • Plugin Support

Requirements

Product Tables for WooCommerce requires:

  • WooCommerce 3.3+.

Installation

The first step is to purchase the plugin. For that, visit the product page for WooCommerce Product Tables. On the right hand, you will see purchase options.

Once purchased, you will get a zip file.

To install the plugin, go to your WordPress dashboard and navigate to Plugins > Add New > Upload Plugin.

Upload the zip file that you have purchased.  and from the sidebar, click on Plugins > Installed Plugins.

The Installed Plugins page will have a list of all the plugins that have been installed on your WP site. Navigate to, or search for: “WooCommerce Product Tables”.

Note: Below the plugin name, if it shows an “Activate | Delete” option, click on “Activate”. If it’s showing a “Deactivate” option, it means that the plugin is already installed and you don’t have to do anything. However, in most cases after installation, you’ll be presented with the first option.

Configuration

Once the plugin is successfully activated, go back to your WordPress dashboard and navigate to WooCommerce > Settings.

On the settings page, you will notice multiple tabs like General, Products, Tax, and Shipping. As illustrated below, you can see the Product Tables installed there as well.

Displaying the Product Table ↑ Back to top

On the settings screen of Product Tables for WooCommerce, you will see the following shortcode. To display the table, you’ll need to create a page, and simply paste the shortcode in the text editor.

Go to Pages > Add New.

In the heading section, create a name for the page where the product table will be displayed.

Paste the shortcode in the paragraph section, right below the heading.

Click on publish, and let the plugin do the rest.

If you visit the page you just created, you’ll see a beautiful Product Table, all set for your buyers to use.

Settings and Options ↑ Back to top

Table Content ↑ Back to top

The settings under this section let you control what content you want to display in your product tables.

  • Columns

This setting allows you to choose what product data you want to display in the product table. A dropdown menu allows you to choose different product attributes you can display like product image, add to cart button, product description, etc.

  • Column Names

Product Tables for WooCommerce allows you to be creative with your titles and table headings. You can give your own custom titles here.

  • Image Size

You can set the image size of the Product Image section. The minimum size (in pixels) for the product image is 50px, while the maximum is 250px. Anything above or below that threshold will render this setting back to its default settings.

This checkbox enables Lightbox feature. When a user clicks on the Product Image, the product image is displayed in a modal popup.

You can configure your product table to cater to multiple product categories in your store. By segmenting products according to a category, you are essentially allowing your users to segment, view, and eventually add products to cart according to their preferences.

Price-Based Segmentation

A simple yet powerful feature: price-based segmentation allows you to segment products based on minimum and maximum price level; thereby allowing people to view only those products that fit their budgetary requirements.

Individual Product Selection

Only need to add a select few products to cart? The plugin’s got you covered! A checkbox is provided at the end of each product field that allows your customers to check only products that catch their fancy. Once they are finished, they just have to click on the “Add Selected to Cart” and then checkout.

Note: The “Add Selected to Cart” button is also present at the bottom. With it, you won’t have to scroll back up if you’ve set the list of default entries to more than the default value.

Customer Friendly Product Table

The Product Table comes equipped with a diverse range of columns that you can show or hide from the front-end through the back-end settings. Again, the whole product table can be customized according to your preferences, and what you might want to show to your customers.

Columns

The Columns section has a list of product columns at the back-end that you can add or remove from the front-end at your convenience.

Column Names

From “Product Name” to “Cart Actions”, if you don’t like the name of a particular product column, then fear not, because you can change the column name according to your preferences from the back-end.

Image Size

You can set the image size of the Product Image section. Bear in mind, however, that the minimum size (in pixels) for the product image is 50px, while the maximum is 250px. Anything above or below that threshold will render this setting back to its default settings.

Image Lightbox

This checkbox enables JavaScript’s Lightbox library. Whenever a user clicks on the Product Image, the library is triggered, and the product image will fill the screen while dimming out the rest of the page.

Description Text Length

It allows you to set the number of characters you want to display in the Product Description. Again, it can be set according to your preference.

Variation Product

If your store has products that come in different shapes or sizes you can enable the Variation Product checkbox to display a dropdown that showcases the product variations.

  • Add to Cart Button Option

You have the choice of enabling both the Multi-Select checkbox and the Add to Cart button or disabling one or both of them.

Table Controls ↑ Back to top

The settings under this section give you more control over what is display and how.

  • Hide Categories

Depending on your preference, you can show or hide certain product categories in your store.

  • Enable Product Filters

This checkbox enables or disables the Product Filter Choice option for your product table.

  • Product Filter Choice

You can choose which filters you want on your product table. There are only two options here: category and price.

  • Enable Search Box

This checkbox enables or disables the search box for the Product Table.

  • Product Sorting

Here, you are provided with four checkboxes that you can use to sort products on the table.

  • Products Showing on a Single Page

This allows you to specify the number of products you want to show on one page.

How To Use Product Tables

Here, we’ll brief you how product tables work for your buyers on the front end.

  • Filter by Category

Buyers can filter products using the Category filter. This allows them to view the products in the category they are interested.

  • Filter by price

This option allows buyers to filter products by price and set minimum and maximum thresholds so they can view products that suit their budget.

  • Bulk Ordering

Checkboxes at the end of each product row allow buyers to select multiple products and add all of them to their cart by clicking on the button at the top “Add Selected To Cart”. This allows them to order multiple products in bulk quantities.

Note: The “Add Selected to Cart” button is also present at the bottom. So, buyers don’t have to scroll back up if you’ve set the list of entries to more than the default value.

Plugin Support

Should you need any further assistance regarding this plugin, feel free to contact us at woosupport@codup.io and have our support team look into the issue for you. Thank you!

WooCommerce - the most customizable eCommerce platform for building your online business.

Back to the top