WavePlayer 3 improves the integration with the most popular addons for WooCommerce. The Barn2 WooCommerce Product Table is certainly among those.
The new version of WavePlayer adds native support to the Barn2 Product Table columns, allowing you to add a player instance in the most intuitive way possible. This makes WavePlayer arguably the easiest player with waveform capabilities that it is possible to integrate with the Barn2 WooCommerce Product Table plugin. By simply including a column called waveplayer to your columns option – either in the Product Table settings or in the shortcode of each product table –, WavePlayer will automatically retrieve the preview files associated with each product and print a player with the appropriate tracks in the corresponding column. No more acrobatics with short descriptions or custom field tricks: let WavePlayer take care of all this for you!
For example, the following shortcode:
[ product_table columns="waveplayer:Preview,name,price,add-to-cart" ]
creates a product table similar to the one below, with four columns respectively containing an instance of WavePlayer, the title of the product, its price and the button to add the product to the cart.
Yes, it truly is that easy!
Barn2 Product Table Example
| Preview | Title | Price | Buy |
|---|
Choosing the default skin
WavePlayer adds a select box to the Barn2 WooCommerce Product Table setting page, allowing you to choose which skin you prefer to use for the players inside the product table. The best skin we recommend is the one called “Play’n’Wave”, that you can see in the example above.
In order to select the default skin for the WavePlayer instances inside the product table, go to WooCommerce > Settings > Products > Product Tables.
About AJAX loading
The Barn2 WooCommerce Product Table plugin has the ability to load the products inside the table via AJAX (Asynchronous JAvaScript and XML). When you move to the next available products by using the pagination buttons, the product table sends a request to the server, querying for more products and update the table content without the need to reload the entire page.
WavePlayer 3 implements a sophisticated technique that makes working with AJAX-powered themes or plugins the smoothest experience. No extra scripts are needed: it works almost like magic!
If you want to learn more about this technique, you can read the article about AJAX loading and MutationObservers