Okay
  Public Ticket #2196574
Trigger sticky player from button
Closed

Comments

  • daniel benton-smith started the conversation
    October 26, 2019 at 4:10pm

    Hi there - I notice you have a feature within elementor pro to trigger the sticky player with a button, which is great!

    I want to trigger the sticky player from a custom button that I coded, and need to know which class or attribute to use within the button, or can I add the tracklist shortcode within the button code?

    Thanks

  •  1,103
    Max replied
    October 27, 2019 at 6:47pm

    You can start the player with javascript. An example of a JS call would be IRON.sonaar.player.setPlayer({ id:"1218"})

    Thanks,

    Max from the Sonaar.io Crew

  • daniel benton-smith replied
    November 5, 2019 at 9:53pm

    Hi - could you possibly give me an example of how this JS call would be used inside a custom HTML button?

    Thanks

  •  1,103
    Max replied
    November 5, 2019 at 10:07pm

    Never tried with a custom button but it would look like this:

    <a href="javascript:IRON.sonaar.player.setPlayer({ id:"1218"})>Text Here</a>


    Thanks,

    Max from the Sonaar.io Crew

  • daniel benton-smith replied
    November 6, 2019 at 3:48pm

    ok thanks - and where exactly do I find the playlist ID?

    Thanks

  •  1,103
    Max replied
    November 6, 2019 at 4:02pm

    When you edit your playlist. see screenshot: https://d.pr/i/fQnDRb

    Thanks,

    Max from the Sonaar.io Crew

  • daniel benton-smith replied
    November 6, 2019 at 6:22pm

    Ok thanks for your help - unfortunately this does not work with my tracklist ID added: <a href="javascript:IRON.sonaar.player.setPlayer({ id:"1646"})>Text Here</a>


    Thanks

  • daniel benton-smith replied
    November 6, 2019 at 6:53pm

    Please see this example - I have added the JS to the button and it worked once, but then did not work again thereafter (I didn't change anything). All I am trying to do is to call the sticky player from a custom button.

    Please see the "Listen To Demo" button.

    http://dev6.radioexpress.com/programming/joe-elliot-show/

    I appreciate all your help.

    Thanks

  •  1,103
    Max replied
    November 6, 2019 at 7:00pm

    Its because the player and its scripts are not loaded in your page so it does not fire.

    You must have either the player on your page (then you might hide it via custom css), or to use the elementor button (because when you use the button, we do load the player script in the page)


    Thanks,

    Max from the Sonaar.io Crew

  • daniel benton-smith replied
    November 6, 2019 at 7:03pm

    Ah okay that makes sense!


    Thanks for this!

  •  1,103
    Max replied
    November 6, 2019 at 7:50pm

    you are welcome

    Thanks,

    Max from the Sonaar.io Crew

  • Samuel replied
    May 18, 2020 at 8:55pm

    Hello,


    I wonder if it's possible to trigger the player from a generic button in a product table (31dbmusic.com/musique)

    Any help would be highly appreciated.


    Best regards.


    Sam.

  •  1,103
    Max replied
    May 19, 2020 at 2:17pm

    Yes you can load the stickyplayer from any link by putting this as your link URL:

    javascript:IRON.sonaar.player.setPlayerAndPlay({ id:"3463"})

    id is the ID of your post that contains the tracklist. 


    You can also use the Elementor's button widget and select Launch Audio Player. See screenshot: https://d.pr/i/CQrOHu


    hope it helps,


    Thanks,

    Max from the Sonaar.io Crew

  • Samuel replied
    May 19, 2020 at 6:44pm

    Yes I know how to do that, I'd like to automate the integration of the post ID, in the end I will have thousands of files to deal with...

    I'd like to ease the thing...


    Thx.

  •  1,103
    Max replied
    May 19, 2020 at 7:31pm

    This depends more on your page listing (the page you list all your items) and feature capabilitie. you need to be able to generate dynamic shortcode or dynamic JS calls..

    I know that Essential Grid allows this, but I dont know about other plugins/themes im sorry.



    Thanks,

    Max from the Sonaar.io Crew

  • Samuel replied
    May 19, 2020 at 9:05pm

    OK I'm going to take a look this way.


    thx