Docs

[Pink Z]

I totally love how The Grid is functioning with my music portfolio page: http://pinkzebramusic.com/music/

Right now, the “License Info” button on each item opens a new page leading to that particular AudioJungle item. I really like that. However, if the user is listening to the music file of that item in the grid and clicks on the “License Info” button, they are taken to the AudioJungle item page and the music starts to play on that page as well, resulting in an annoying two-tracks-playing-at-the-same-time moment.

Is it possible to create a rule that tells the http://pinkzebramusic.com/music/ page to stop playing music when the “License Info” link is clicked?

Thanks!

[Rue Nel]

Hello There,

Thanks for writing in and the very detailed information. To resolve this issue, please add the following JS code in the customizer, Appearance > Customize > Custom > Javascript

(function($){
	$('.tg-element-2 a').each(function(){
	  $(this).click(function() {
	    $('.tg-item-audio-player').trigger('pause');
	    console.log('music stopped!');
	   });
	});
})(jQuery);

We would loved to know if this has work for you. Thank you.

[Pink Z]

Perfect! Thanks very much 🙂

[Joao]

Glad to hear we managed to help.

Let us know if you need help with anything else.

Joao

[Author]

Posts