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
[product_table category=”music” columns=”waveplayer:Preview,name:Title,price,add-to-cart” widths=”auto,100px,60px,60px”]
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
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