Freeze table columns and heading row

You can make the product table heading sticky / freeze it in place as the visitor scrolls the page. You can also make any number of columns at the sides of the table sticky using the product table plugin’s shortcode options.

Check out our spare parts product table demo where the table heading has been made sticky and so are the columns on the sides of the table.

Freeze product table heading

To make the woocommerce product table’s heading sticky / fixed in place you can use these shortcode options (screenshot from table editor):

laptop freeze heading shortcode option

You also have the option of creating an “offset” for the sticky heading row. This is useful when you already have a sticky / fixed element at the top of your website page such as a mega menu and you don’t want the product table heading to be stuck behind that sticky element. In such a case you can use the offset option to push the sticky table heading down a little so it is visible to visitors. Here is the shortcode option information from the product table:

Freeze product table columns

You also have the option to freeze the columns at the left and right edges of the product table. This is especially useful when you have a product table with many columns which is causing the product table to overflow horizontally and hide the last columns.

You can select how many columns from the left and right end of the product table you wish to make sticky. Here are the relevant shortcode options to make table columns sticky:

laptop freeze columns shortcode option

Auto hide empty product table columns

Automatically hide the product table columns that are not related to the set of products printed in the product table. Helps you re-use the same table as a template to show different sets of products.

This facility is useful when you have created a product table template that you are re-using on different pages to print different sets of woocommerce product results from the same table by changing the shortcode options, but some of the columns end up being empty when the products being displayed in the table are not related to the empty columns’ property. In such a case use this facility to automatically hide the empty columns.

Use case example scenario

For example let’s say you have created a product table with this shortcode:

[product_table id="123"]

Now you are using this same product table on different pages to print different sets of product results on each page by changing its “category” shortcode option. Let’s say you are using these shortcode variations for the product table to show products with category “clothes” and “books”:

[product_table id="123" category="clothes"]
[product_table id="123" category="books"]

Problem to resolve

Now suppose the product table has a column displaying “book author” which is useful when you are displaying woocommerce products with the category “books”. And you have another column in the same table called “size” which is useful when showing products with category “clothes”.

But this creates a problem – when you are showing category “clothes” through the product table the “book author” column remains empty as it is irrelevant to products with category “clothes”. And while showing “books” category through the product table the “size” columns remains empty as it is irrelevant to books.

Solution via this facility

To fix this issue you can use the hide_empty_columns option that is going to automatically hide all empty columns in the table. You just need to make a small modification to both your product table shortcodes like this :

[product_table id="123" category="clothes" hide_empty_columns="true"]
[product_table id="123" category="books" hide_empty_columns="true"]

Now the “size” column will simply not appear when showing products with “clothes” category via the product table and the “book author” column will not appear when showing books through the same table as this facility detects and removes any empty columns from the table.

Facility information in table editor

The product table plugin provides several shortcode options to make it easier for you to create fewer tables while displaying wide variety of product results from the same table template. Information for this specific shortcode options is listed in the table editor at this location:

auto hide empty product table columns

Facility in the table editor

This facility is now also provided in the table editor itself. Go to the table’s settings →  columns →  more options →  use the auto-hide empty columns option.

Go to the ‘more options’ button in columns tab
You’ll find the ‘auto-hide empty columns’ option in the pop-up

How do I create a WooCommerce ‘Wholesale B2B shop’?

Your wholesale products can be easily displayed in a table with special discounts applied based on user role.

This simple and quick guide will help you build the perfect woocommerce wholesale B2B shop today itself! Zero coding required. We will use simple visual tools so anyone can follow along.

Wholesale B2B functionality plugin

WooCommerce wholesale and B2B shops commonly require some or all of these facilities:

  • List a regular / retail price and a special wholesale product price
  • Provide different prices for the same products on your shop based on different user roles
  • Hide / show certain products based on specific user roles
  • Tiered pricing – the cost of the product per unit reduces as the quantity purchased increases based on specific pricing rules
  • Highlight the price difference to show the wholesale savings offered to customers

The wholesale suite plugin and the advanced dynamic pricing plugin cover all the above requirements so you may like to use either of these plugins for your wholesale B2B shop. For information on this plugins please refer to their documentation, tutorials or contact their support team.

Examples of woocommerce wholesale product lists

Below you will find examples of woocommerce wholesale product list layout that you can build with this guide. You will be able to customize these templates to show the product data that you want to display in your wholesale shop:

Create the basic woocommerce wholesale product

Using the wholesale plugin you can provide your products with special rules such as separate wholesale prices, tiered pricing, user role visibility. Please refer to the wholesale plugin’s tutorials and documentation to setup your wholesale products.

Create a woocommerce product list layout for your wholesale shop

Further enhancements

You can further improve the shopping experience on your site by using the following addons for the product table plugin:

Grid table view switcherWith this addon you can also create a grid view for your product table and give you customers the option to view the products in a grid or table layout. This way your customers can choose to browse the products in the layout that best suits their requirement.
Favorite productsHelps your customers save their favorite products in a special list. This helps them keep track of their favorite items. They can view their favorites list at any time on your shop and buy items off the list.
Global term relabelMake your product table more engaging and easy to comprehend by replacing plain text product properties with images and icons that are easy to understand at a glance.

How do I create a WooCommerce ‘Tire shop’?

Show your tires in a product table along with key features to improve shopping user experience.

By following this simple and quick guide anyone can create the perfect woocommerce tire shop today itself. No coding knowledge is needed. We will only use simple visual tools. So just about anyone can easily create their woocommerce tyre shop with this guide.

Examples of woocommerce tire product lists

Below you will find examples of product list layout for woocommerce tyre shop. Once we have covered this guide you will find it easy to build such product list layouts (and much more) on your own woocommerce tire shop:

Create the basic woocommerce tyre product

If you are not familiar with how to create woocommerce products, please see this tutorial video. It will quickly cover the topic for you. After that you can follow along these steps:

  • Create a new woocommerce product and add the tire product’s name and price.
  • You can also add information about that tire in the content section of the woocommerce product and add a feature image. 

Add other tire properties to your woocommerce product 

  • Perhaps you would like to add other properties to the tire tire product as well such as width, aspect ratio, diameter, manufacturer, weather condition etc. For this you can use the global woocommerce attributes facility. Then add the attribute to your tire product as well as related terms.

Create a woocommerce product list layout for your tyre shop

  • Step one is to purchase, install and activate the WooCommerce Product Table PRO plugin on your site. We will be using this plugin to create the tire product list.
  • Next please see the quick and simple how to use tutorial video for this plugin so that you can start using the plugin right away.
  • To help you get immediate results the plugin also provides you downloadable tire product listing demos that you can setup on your site right away. You can also customize these demos to look the way you want. So go ahead and install a downloadable tire demo on your site: Demo 1, Demo 2, Demo 3, Demo 4. See FAQs → Other → How do I import the PRO version downloadable product table demos to my site?
  • After you have installed the demo on your site, just watch the how to modify preset tutorial video and you will be ready to begin customizing your product list or table layout the way you want.

Setup tire shop product list navigation

  • If you are using one of the downloadable demo then you will find that the navigation section of the list is already setup for you. And if you wish to further modify the navigation simply watch the product table navigation tutorial. Then make the changes you want to the navigation filters.

– Optional tips –

  • You may also like to add an automatic result count next to each of the navigation filter options. For this please see FAQs → Navigation → How do I dynamically hide empty filter options (adaptive filtering) that have no results? How do I show filter count?
  • Also, if you are using global woocommerce attributes in your tire products and you have printed these attributes in the table columns then you can add another feature for better UX. You can connect the filters options in the navigation with the attribute terms in the product table / list for easier navigation. See FAQs → Navigation → How do I link category and attribute elements with their filters so that clicking them activates their corresponding filter?

Use icons instead of text for better presentation

In the tire shop demos above you may have noticed icons being used to show some tire properties such as vehicle type, driving condition, weather condition. And the manufacturer is represented by their own logo image.

Using icons and images in the product listing (instead of plain text) improves its visual presentation and makes it quick to understand at a glance. This increases the appeal of the listing to the prospective customer. They are more likely to favor our site over competitors and more likely to find the product they want and complete the sale.

You can use the global term relabel addon to replace plain text names of attribute terms and categories with more striking icons, images and information tooltips.

Add a favorites products facility to your tire listing

Almost all the popular auto parts shops provide their shoppers the option to add different products to a ‘favorites list’. The shops provide this options because it is known to help increase sales on the site. This ‘favorite products’ facility makes it much easier for your shoppers to mark out and keep track of their preferred products. Later they can quickly find these particular products when they return to shop in the future and buy products from their favorite product list at any time.

You can also easily add this ‘favorite products’ facility to your tire product listing. First purchase, install and activate our favorite products addon on your site. And then use its simple setup guide to help you get it running immediately.

The default WooCommerce product grid is bad for your e-commerce shop

There are 2 major problems with the woocommerce product grid that need to be fixed immediately on your shop. The first issue is that exploring product features is difficult in the default grid. The second issue is that it’s missing several convenience features that shoppers today have come to expect from modern e-commerce stores.

Below we will go over all these issues so you may fix them on your store today using WooCommerce Product Table PRO.


1. Exploring products is difficult

Exploring products in the default WooCommerce product grid is difficult because the grid does not highlight important product attributes. Customers need to know these key attributes of your products in order to understand and compare the products. Only then can they find the products that meet their requirements and choose which ones to purchase.

For example:

  • In a book store customers may want to know the author, date of publication, genre, etc.
  • In a phone shop they want to know screen size, memory size, processor speed, RAM etc.
  • In a clothes shop they may want to know size, color, cloth material etc.

But the default WooCommerce product grid does not provide any of this information. Instead it only shows product name, a single image and price. So customers know very little about the product at first glance. They are forced to click on the product and go to the product page to check further details.

The customer has to repeat this cycle for every product in the shop that they find remotely interesting. This would take a long time, several clicks going back and forth between the shop and product pages to find the products they want. 

This is a major problem because it makes shopping slow, frustrating and disorienting for potential customers and the shop ends up losing sales. 


2. Adding products to cart is slow and confusing

Once customers have found the products they want to buy, a modern e-commerce shopping experience ensures that purchasing these products is fast and easy.

For this the following facilities are necessary in the product catalog. But the WooCommerce product grid misses all these important facilities. 

Select product quantity to purchase 

Many times customers need to add multiple units of a product to their cart. The default WooCommerce product grid provides no option to enter product quantity. Customer has to click on the add to cart button multiple times and each time wait for the previous add to cart command to complete. 

Customers should be able to select quantity while adding to cart

Remove products from cart

During the shopping process customers will sometimes add products to cart by mistake, or they may add the wrong quantity. The WooCommerce product grid unfortunately provides no option to remove products from cart when this mistake happens. Instead customer has to go to the cart page to remove items from cart or change quantity. This makes the purchase process slow and confusing even when customers are prepared to buy products from the shop. 

Make it easy for customers to remove products from cart

Add variable products to cart directly from catalog

The woocommerce product grid shows the ‘select options’ button for variable products. This button takes customers to the product page where they can make the product purchase. This unnecessarily extends the purchase process for variable products.

Instead the variable product options should be provided in the catalog itself or when the add to cart button is pressed, the options should appear in the popup. Customers should not be forced to go to the product page each time they want to add a variable product to cart. 

Give option to select product variation and add to cart directly from the shop

Bulk add products to cart

Many web shops need the facility to bulk add several products to cart in one go. Customers should not have to wait for add to cart process to gradually complete for each product

Allow customers to bulk add multiple products to cart quickly at the same time

Show product cart count

While shopping, customers will add different products to their cart and typically continue browsing the rest of the product catalog. To help clear any possible confusion, the catalog should tell them how many units of each product they have already placed in their cart.

Product tables improve shopping experience and sales

Let’s explore the impact of product table layout on your shop. How it helps enhance the shopping experience on your site, increases sales and gives your e-commerce shop a clear edge over the competition.

What is a product table?

By default WooCommerce only displays products in a grid layout with each product represented in a cell. This is a very limiting layout and not at all the ideal way to display products for most stores. 

While browsing the product grid if your shopper wishes to explore any product further they have to click on the product cell and go to the product page and repeat this tedious exercise for each product that they may be interested in. This is a slow process, and makes browsing and comparing products harder. Therefore they are also less likely to make purchases with such a shop layout.

A product table layout (see demos) is meant to increase sales by making it much quicker and easier for your shoppers to compare and find the products they want, and buy them immediately right from the shop browsing page. Which is why a well prepared product table layout can have a huge impact on your shop conversions and give you a major advantage over competition. 

The traditional grid layout of products is only suitable for products that are heavily image focused, and the other product properties have little to no impact on purchase decision. And with WooCommerce Product Table PRO’s addon called Grid Table View Switcher you can even give your shoppers the option to switch between grid and table layout while browsing your products. This gives your prospective customers the best of both worlds, putting them in a better position to explore and purchase products from your store. 

Do you need it?

WooCommerce Product Table PRO is capable of creating a table as well as list like view.

Examples of pure table view: Demo 1, Demo 2, Demo 3

Examples of list like view: Demo 1, Demo 2, Demo 3

For many product types such as food, spare parts, music, electronics, gaming cards, etc it is absolutely essential to provide a table or list like view in order to let the shoppers easily browse the products in the fastest, most convenient way.

And for all other product types it is highly beneficial to give your shoppers the option to also view the products in a table / list view even if you keep the grid view as the primary layout on your site. 

Great shopping experience is absolutely essential for increasing product sales. Which is why the product listing should be top notch on any web shop. It should be easy for your prospective customers to browse your products and quickly find the ones they want. Which is why a product table / list layout option should definitely be available on every web shop. Not providing your shoppers the right browsing experience can lead to unnecessarily lost sales. On the other hand by making shopping easier on your site you get a great edge over competitors.

Which is why a product table layout, at least as the secondary layout if not primary is essential for any e-commerce shop looking to boost profits. 

How to set it up on your site?

It is very easy to set up a new product table on your website or even replace the existing product grids on your site with tables using WooCommerce Product Table PRO. 

You can get started with your first product table within a couple of minutes using built-in presets (see preset getting started video). You can also download any of the plugin PRO demos and install them on your site. These pre-built tables are fully customisable so you can modify them as per your site requirements. Or you can create a custom table from scratch if you wish. 

The plugin provides clear step by step tutorials that anyone can follow along and are designed to help you get started immediately. As well as documentation, and FAQs. And you also have the option of email support if you have any special questions to clarify. 

WooCommerce Product Table PRO users have set up fantastic product table shops on their stores to improve their sales and so can you! 

You can start with the free version of the plugin right now, which is useful for getting started but limited. Then progress to the PRO version for exclusive features aimed at greatly improve shopping experience and product sales at your store.

How do I create a WooCommerce ‘Auto parts shop’ or ‘Spare parts shop’?

Browsing your spare parts in a product table makes it easier for shoppers to compare and find the right parts sooner.

With this quick and easy guide you can create the perfect woocommerce spare parts shop today itself. Zero coding knowledge required. We will be using simple visual tools so absolutely anyone can follow along.

Examples of woocommerce auto spare parts product lists

Following are examples of product list layout for woocommerce spare parts shop. Once you have covered this guide it will be easy for you to create such product list layouts (and much more) on your woocommerce spare parts shop:

Create the basic woocommerce spare part product

If you don’t known how to create woocommerce products, please see this tutorial video which will quickly cover the topic. After that you can follow along these steps:

  • Create a new woocommerce product and add the spare part name and price.
  • You may also add information about that spare part in the content section of the product and image thumbnail. 

Add other spare parts properties to your woocommerce product 

  • You may also like to add other properties to the spare parts such as length, width, maker etc. For this you can use global woocommerce attributes. And add the attribute terms to your spare parts product.

Create a woocommerce product table or list layout for your spare parts shop

  • First, you need to purchase, install and activate the WooCommerce Product Table PRO plugin on your site. We will use this plugin to create the spare parts list.
  • Now you may like to watch the quick and simple how to use tutorial video for this plugin so you can start using it right away.
  • For immediate results the plugin provides you downloadable demos that you can setup on your site right away then customize them how you want. So go ahead and install a downloadable spare parts demo on your site: Demo 1, Demo 2. See FAQs → Other → How do I import the PRO version downloadable product table demos to my site?
  • Then watch the how to modify preset tutorial video to start customizing your product table the way you want.

Setup product table navigation

  • If you are using a downloadable demo then the navigation would already be setup for you. If you wish to modify the navigation simply watch the product table navigation tutorial. Then change the navigation filters in the ways that you want.

– Optional tips –

  • You may also like to add an automatic count for each of the attribute filter options in the navigation. For this please see FAQs > Navigation > How do I dynamically hide empty filter options (adaptive filtering) that have no results? How do I show filter count?
  • If you are using global woocommerce attributes in your spare parts products and you have printed these attributes in the table columns then you can also connect the filters options with the attributes in the table for easier navigation. See FAQs > Navigation > How do I link category and attribute elements with their filters so that clicking them activates their corresponding filter?

Product CSV file download option

All major online spare parts stores provide the option to download their product list in a CSV file format as well. This options is usually provided via a ‘Download CSV’ button placed above the product list.

This is a powerful facility because once your visitors download the product data in CSV file format they can open it in specialized spreadsheet software like Excel, Google Docs and many others. These software allow quick sorting, searching and filtering through the product data as well as taking print outs and sharing information if needed.

WooCommerce Product Table PRO provides this CSV download facility so you can easily set it up for your product list as well. You can also select the exact product properties that are permitted to be downloaded in CSV format making this facility excellent for online spare parts stores.

Create a favorites list facility

Popular spare parts shops and established e-commerce shops in general always provide their shoppers with the option to add different products in a ‘favorites list’. They provide this options because it is known to help increase sales on the site. This ‘favorite products’ facility makes it much easier for your shoppers to pick out and keep track of their preferred spare parts, quickly find these particular products when they return to shop in the future and buy items from their favorite list at any time.

You can easily add this favorite products facility to your product table. Just purchase, install and activate the simple to use favorite products addon on your site. Then follow it’s ‘how-to-use’ guide to set up favorite products facility on your site.

How do I create a WooCommerce ‘Wine shop’?

Create the perfect product layout for a beverage shop where you can sell wine, beer, soft drinks or any bottled liquids.

With this simple A-Z guide you can quickly create a great woocommerce wine shop today itself. No coding knowledge required. We will only use simple tools so anyone can follow along.

Examples of woocommerce wine shop product lists

Below you will find examples of woocommerce wine shop product lists. Once you have followed this guide you will be able to create such woocommerce wine lists on your site as well:

Create the basic woocommerce wine product

In case you are not yet familiar with creating woocommerce products please see this tutorial video. Then follow these steps:

  • Create a new woocommerce product and add the wine name and price.
  • You may also add information about that wine in the content section of the product and image thumbnail. 

Add other wine properties to your woocommerce product 

  • You may also like to add other properties to the wine such as country, region, brand, type etc. For this you need to create global woocommerce attributes. Then add the attribute terms to your wine.

Create the woocommerce product list layout for your wine shop

  • First, you need to purchase, install and activate the WooCommerce Product Table PRO plugin on your site. We will use this plugin to create the wine list.
  • Now you may like to watch the quick and simple how to use tutorial video for this plugin so you can start using it right away.
  • For immediate results the plugin provides you downloadable demos that you can setup on your site right away then customize them how you want. So go ahead and install a downloadable wine demo on your site: Demo 1, Demo 2. See FAQs → Other → How do I import the PRO version downloadable product table demos to my site?
  • Then watch the how to modify preset tutorial video to start customizing your product table the way you want.

Setup product table navigation

  • If you are using a downloadable demo then the navigation would already be setup for you. If you wish to modify the navigation simply watch the product table navigation tutorial. Then change the navigation filters in the ways that you want.

– Optional tips –

  • You may also like to add an automatic count for each of the attribute filter options in the navigation. For this please see FAQs → Navigation → How do I dynamically hide empty filter options (adaptive filtering) that have no results? How do I show filter count?
  • If you are using global woocommerce attributes in your wine products and you have printed these attributes in the table columns then you can also connect the filters options with the attributes in the table for easier navigation. See FAQs → Navigation → How do I link category and attribute elements with their filters so that clicking them activates their corresponding filter?

Create size variations for your wine products

You may like to provide your customers the option to buy your wine bottles in different sizes such as 750ml, 1.5L etc. Only follow these steps if you do need to provide different bottle size options:

  • Create a new global attribute called ‘Bottle size’ and add terms to it based on sizes such as 750ml, 1.5L etc. 
  • Turn your wine product into a Variable product by going to its Product data settings and selecting the option. If you are not familiar with this you can read more about variable products here.
  • Create size based variations for your wine product based on the Bottle size global attribute. Then add different prices for the variations based on the size of the bottle.
  • Now your wine store customers will be asked to select the bottle size while adding the wine to their shopping cart. Optionally you can also place the ‘Select variation’ element in any column of your product table to provide the size option dropdown inside the table itself. 

Create a favorites list facility

Popular wine shops and established e-commerce shops in general always provide their shoppers with the option to add different products in a ‘favorites list’. They provide this options because it is known to help increase sales on the site. The favorite wine list facility makes it much easier for your shoppers to pick out and keep track of their preferred wines, quickly find these particular wines when they return to shop in the future and buy items from their favorite list at any time.

You can easily add this favorite products facility to your product table as well. To do this, purchase, install and activate our favorite products addon on your site. Then follow its simple how-to-use guide to help your offer this excellent facility to your wine shop visitors as well.

How do I create a WooCommerce ‘Audio store’?

Build your audio store to sell music, podcasts, courses and loop tracks. Table layout is perfect for audio stores.

Using this guide you can easily and quickly create a great woocommerce audio store product list on your website right now. Anyone can follow along, no coding knowledge required. This is a complete step by step guide and we will only use simple tools.

Examples of woocommerce audio store product lists

Below are some examples of woocommerce audio store product tables / lists. By following this guide you can easily create such audio track lists on your site as well:

Create the basic woocommerce audio product

If you are not familiar with creating woocommerce products, please see this tutorial video.

  • Create a new woocommerce product and add the song name and price.
  • Optionally you can also add the song description and image thumbnail as well. 
  • In ‘Product data’ settings check mark ‘Virtual’ and ‘Downloadable product’ options.
  • In the ‘Downloadable files’ option add the audio file customers can purchase.

Add other audio product properties 

  • To add other song properties like Artist, Genre, Mood, etc create global woocommerce attributes.
  • For numeric properties like BPM that need to be filtered by range create new custom fields.
  • Upload the audio preview file to site Media, create a new custom field in the product and add the preview file’s URL to this custom field.

Create woocommerce product table for your audio store

  • Purchase, install and activate the WooCommerce Product Table PRO plugin on your site.
  • Watch the basic how to use tutorial video to begin using the plugin right now.
  • To help you quickly get started the plugin provides the option to start with preset tables. Create a new product table and start with a ‘Table’ type preset.
  • Watch the how to modify preset tutorial video to start customizing your product table.
  • Add columns to your product table to show the audio product’s properties through Attributes and Custom Field elements in the product table.
  • Add the audio player button in any column of your product so visitors can use the play button to listen to the audio file. See FAQs → Other → How do I add an audio player button in my product table?

Setup product table navigation

– Optional tips –

  • For numeric fields like BPM that were stored in custom fields you can create range filters.
  • You can add an automatic count for each attribute filter option in the navigation. See FAQs → Navigation → How do I dynamically hide empty filter options (adaptive filtering) that have no results? How do I show filter count?
  • If you are using global attributes you can also connect filters options with the attributes in the table for easier navigation. See FAQs → Navigation → How do I link category and attribute elements with their filters so that clicking them activates their corresponding filter?

Create multiple license type options

Most audio sites provide option to purchase different license types such as regular, extended, etc. Only follow this step if you need to provide different license types.

  • Create a new global attribute called License and add terms to it based on license types such as regular, extended. 
  • Turn your audio product into a Variable product in its Product data settings. You can read more about variable products here.
  • Create variations for your product based on the License global attribute and add different prices for each license variation.  
  • Customers will be asked to select license type while adding product to cart. You can also add the ‘Select variation’ element to your product table to give license option dropdown inside the table itself. 

– Optional steps –

Note: At this point you already have a basic audio table on your site. Rest of this guide is optional. But the following steps will further improve your audio product table thus increasing the chances of sales by giving your audio site visitors a great shopping experience!

Create favorites playlist

Popular audio shops always provide their site visitors the option to add various audio tracks to their favorites playlist. Because this greatly helps sale conversions on the site. The favorite playlist facility makes it easier for your potential customers to pick out audio tracks they like, quickly find these tracks when they return to shop in the future and buy from this favorites list at any time.

To add the favorite lists facility to your site just purchase, install and activate the favorite products addon. And then follow the simple ‘how-to-use’ instructions on the addon page to enable it.

Audio footer player

Popular audio store also provide a smart footer audio player that is activated when any audio track is played on the site. While footer audio player is not part of WooCommerce Product Table PRO’s own facilities, it has integration with another 3rd party wordpress plugin that provide this facility called ‘WavePlayer’. You can see a demo of this integration here — on this demo site the waveplayer plugins is being used to create the audio player in the product tables generated by WooCommerce Product Table PRO. You can quickly get started with using the plugins together. First get a copy of the waveplayer plugin, and install it on your site. Then just follow the how-to-use steps on the integration demo site mentioned above.

How do I create a woocommerce product list layout?

Showing your woocommerce products in a list will help you increase your sales because a product list view is superior to a table view. Unfortunately woocommerce plugin itself doesn’t provide a product list view option.

However, using the plugin WooCommerce Product Table PRO you can now easily show your products in a list view on your woocommerce site. You can create woocommerce product list layout that is customized to your exact site requirements. Colors, styling, content elements, column are all fully customizable using a visual editor. Anyone can use it, and no coding is needed.

Product list demos

Below are some examples of product lists created using WooCommerce Product Table PRO covering different industries. Please keep in mind all demos are fully customizable and you can create your own product list with ease.

1. Food Menu Demo

WooCommerce sites that are selling food need to show food items in a menu layout. A list like layout will be much better for selling food items than a product grid.

2. Electronics List Demo

A product list layout will help you show chief features of your electronics products on the main shop page itself. With this layout customers are able to browse products much more easily.

3. Wine List Demo

Show the important properties of your wine / liquor bottles using a smartly built product list layout. Customers will understand your products at a glance and known which one to purchase.

4. WooCommerce Product List General Demo

This is a general list demo where you can see a very smart layout of the products in a list. This view is clearly superior to a grid style display of the products.

The WooCommerce Product Table PRO plugin is used on thousands of sites by woocommerce site owners and agencies to increase conversions on the site by showing products in a list that is optimized for sales.

Why you should use product list layout

A custom product list layout is far superior to the default product grid layout included in the woocommerce plugin for increasing sales.

This is because product list will help your customers browse and understand your products much more easily as it provides more information about the products at a glance. And it will ensure that your customers find and purchase the products that they need quickly. You stop missing out on sales and your product catalog does much better at conversions than any competitor’s product grid layout. So switch to a product list view today!