How do I create a woocommerce tire shop?

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. 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 by following these steps:

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!

The default WooCommerce product grid is BAD for your shop

🚫 Don’t use the default product grid on your store because of these issues.

There are 2 major problems with the woocommerce product grid that need to be fixed:


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 Spare Parts shop?

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 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 by following these steps:

  • Purchase, install and activate the simple favorite products addon on your site.
  • Then use the step by step setup guide to help you create a page to show the visitor’s favorites list on your site and provide the ‘add to favorite’ button in your spare parts list.

How do I create a WooCommerce Wine Shop?

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 following 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 by following these steps:

  • Purchase, install and activate the simple favorite products addon on your site.
  • Then use the step by step setup guide to help you create a page to show the visitor’s favorites list on your site and provide the ‘add to favorite’ button in your wine list.

How do I create a WooCommerce Audio Store?

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.

You can add the favorites playlist facility to your product table easily by following these steps:

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 plugin that provide this facility called WavePlayer. You can see a demo of this integration here.

  • Get the WavePlayer plugin, install and activate it on your site.
  • Use the setup guide to add the waveplayer to your product table.

Developer API

API for developers to modify the plugin output. Contains PHP filters and JavaScript events.

PHP

Modifying templates

Create a folder wc-product-table in your child theme and add your custom template there.

Adding custom elements

Add the Shortcode element in a table column. This element parses shortcodes entered in it and prints the output in the table in each row. The current row product is help in global variable $product. So you can use that context to generate your markup. Create a custom shortcode to print out your custom output. Use the Shortcode element to print out the markup.

Modifying element settings

You can modify the settings of any product table element programatically. Every table element will be run through the filter: wcpt_element before the plugin processes its HTML markup based on its settings.

This filter provides one argument to the callback function:
$element – An array containing all the element’s settings.

Within your callback function you can also refer to the global $product variable to access the current product. This global $product variable will hold a different product each time a new product row is being printed. So your callback function can make changes to the element specific to the current row product.

To ensure that you are targeting the correct element, you need to check that the $element[‘type’] matches the specific element you wish to modify before modifying the markup.

For example, if we wanted to add some text before the ‘Category Filter’ element we would use this code:

add_filter('wcpt_element', 'wcpt_custom__modify_element_settings', 100, 1);
function wcpt_custom__modify_element_settings( $element ){
  if( $element['type'] == 'category_filter' ){
    $element['single'] = 'true';
  }

  return $element;
}

Another way to identify the specific element is to go to its settings and give it an HTML Class and in your callback function check if $element[‘html_class’] matches the HTML class that you are targeting.

Modifying element markup

After the plugin has processed the HTML for any table element, it will run the markup through a filter before printing it. You can hook in here and completely modify the markup for the element. The filter is: wcpt_element_markup

This filter provides two arguments to the callback function:
$markup – HTML markup generated by the plugin for this element.
$element – An array containing all the element’s settings.

Within your callback function you can also refer to the global $product variable to access the current product. This global $product variable will hold a different product each time a new product row is being printed. So your callback function can make changes to the element specific to the current row product.

To ensure that you are targeting the correct element, you need to check that the $element[‘type’] matches the specific element you wish to modify before modifying the markup.

For example, if we wanted to add some text before the ‘Category Filter’ element we would use this code:

add_filter('wcpt_element_markup', 'wcpt_custom__modify_element_markup', 100, 2);
function wcpt_custom__modify_element_markup( $markup, $element ){
  if( $element['type'] == 'category_filter' ){
    $markup = '<span>Custom text</span>' . $markup;
  }

  return $markup;
}

Another way to identify the specific element is to go to its settings and give it an HTML Class and in your callback function check if $element[‘html_class’] matches the HTML class that you are targeting.

Modifying table markup

The complete table markup is passed through the wcpt_markup filter.

Modifying table query args

All the table query args are passed through the filter: wcpt_query_args

This filter provides one argument to the callback function:
$query_args – An array of query args for the product table query.

Code example of hooking into this filter:

add_filter( 'wcpt_query_args', 'wcpt__custom_query_args' );
function wcpt__custom_query_args( $query_args ) {
  $table_data = wcpt_get_table_data(); // table data

  // modify query args here

  return $query_args;
}

Modifying products fetched by table query

The product results received through the table query are passed through this filter: wcpt_products

Please keep in mind this set only contains the products displayed on the current page, not the entire result set for the table. So if the product table has 100 products, and only 10 displaying per page, then this result will hold the current 10 products.

This filter provides one argument to the callback function:
$products – A WP_Query object with query args and product results for current page of the table.

Code example:

add_filter( 'wcpt_products', 'wcpt__custom_product_result' );
function wcpt__custom_product_result( $products ) {
  $table_data = wcpt_get_table_data(); // table data

  // modify products here

  return $products;
}

JavaScript

AJAX results loaded

Once upon initial page load, and each time AJAX result markup is loaded on the page, the event wcpt_after_every_load is triggered on the container .wcpt

Code example:

  $('body').on('wcpt_after_every_load', '.wcpt', function(){
    var $this = $(this);
    // do something with $this (markup container)
  })

Layout

The event wcpt_layout is triggered on .wcpt each time the table is forced to re-layout. For example, initial page load, screen resize, AJAX results loaded, variation selected, etc.

Code example:

  $('body').on('wcpt_layout', '.wcpt', function(e, data){
    var $this = $(this);
    // do something with $this (markup container)
  });  

WCFM + WooCommerce Product Table PRO

WCFM is the best wordpress plugin available today for setting up your woocommerce marketplace. If you need a solution that is fast, simple and reliable then look no further. 

And now you can also show your WCFM products in a table on the vendor shop and category pages!

WooCommerce Product Table PRO is perfectly integrated with WCFM to meet this requirement. 

Using the two plugins together you can create the perfect shop experience for your prospective customers. 

Example of product table on the vendor shop page instead of default product grid.

Support

Got any questions about this integration? Feel free to contact support for a prompt response! If at any point while using the plugins you have questions about the integration please write in.

About WCPT PRO

WCPT PRO is the best software in the product table genre and offers unbeatable features and integrations. Please visit the plugin homepage to know more about it. 

While there is also a free version available called WCPT Lite, this WCFM integration as well as other exclusive features are only part of the premium version of the plugin – WCPT PRO.

Add a ‘Download CSV’ button to WooCommerce Product Table

Allow your prospective customers to download the product data in a CSV file making the purchase decision more convenient for them. You can control the list of product properties that will be downloaded.

WCPT PRO users can provide their prospective customers with the facility to download product information in CSV format. You can also control which product properties are downloaded in this CSV file. 

woocommerce product table download csv button

Having the products in a CSV file gives your customers the ability to view the product information in MS Excel, Google sheets and other spreadsheet programs. They are then free to explore the data with specialised software, putting them in a better position to make a purchase decision. 

It also makes it easy for your customers to print out the product data for later access or for sharing with others.

Following is a list of important pointers regarding using this facility:

  • To add the Download CSV button in your table navigation, go to your table’s settings > navigation > click on +Add element > select the Download CSV element. 
Add Download CSV button to your woocommerce product table
  • Open the settings of this ‘Download CSV’ element. You will find by default it has 3 product property columns assigned. Modify this list to include the properties that you need to show on the CSV downloadable file. 

In the following example we add a new property column to the CSV. We are adding a CSV column for the attribute ‘Maker’ and giving it the same heading ‘Maker’.

  • Remember to give each CSV column a heading as well. This heading will show up in the downloaded CSV file and give context to the viewer. 

  • The option to download products from all result pages can be significantly more resource intensive. For this reason most large product database sites like Mouser only provide current page products in the downloaded CSV file. Do test downloads of the CSV file and consider if the performance is adequate.