I’m using the Sonaar mp3 player with shortcodes on a Woocommerce product page. Under the Description tab (“Album Playlist” on my site) the cover page image displays on the left, then the playlist also displays on the left vertically underneath the cover image. How can I display the cover page image and the playlist side by side instead of vertically?
As you suggested, I purchased the Pro Version, and after activating it (and the license) I don’t see any options for displaying the cover page image and the playlist side by side. In fact, I don’t even see any of the options that were listed in the free version but grayed out because it said they were in the Pro version. How do I find this option?
why dont you put you playlist right above the add to cart button instead? (that's only a suggestion). If you go to wp-admin > mp3 player > settings and select this option: https://d.pr/i/B5tgzF
By using this option, the image cover will automatically be hidden from the playlist.
If you dont want this and want to still display your player side by side below everything, add this to your custom css (in wp-admin > appearance > customize > additional CSS)
The Woocommerce settings are not available in the Pro version I have. However, I prefer to keep the 'add to cart' button above the playlist, and I don't need the other woocommerce settings.
I’m using the Sonaar mp3 player with shortcodes on a Woocommerce product page. Under the Description tab (“Album Playlist” on my site) the cover page image displays on the left, then the playlist also displays on the left vertically underneath the cover image. How can I display the cover page image and the playlist side by side instead of vertically?
As you suggested, I purchased the Pro Version, and after activating it (and the license) I don’t see any options for displaying the cover page image and the playlist side by side. In fact, I don’t even see any of the options that were listed in the free version but grayed out because it said they were in the Pro version. How do I find this option?
Thanks in advance,John
Hi John,
why dont you put you playlist right above the add to cart button instead? (that's only a suggestion). If you go to wp-admin > mp3 player > settings and select this option: https://d.pr/i/B5tgzF
By using this option, the image cover will automatically be hidden from the playlist.
If you dont want this and want to still display your player side by side below everything, add this to your custom css (in wp-admin > appearance > customize > additional CSS)
.product.type-product .woocommerce-tabs .sonaar-grid { display: flex!important; }Thanks,
Max from the Sonaar.io Crew
The CSS works. Thanks for that.
The Woocommerce settings are not available in the Pro version I have. However, I prefer to keep the 'add to cart' button above the playlist, and I don't need the other woocommerce settings.
Thanks again
Ok perfect.
Thanks,
Max from the Sonaar.io Crew