Okay
  Public Ticket #2975825
Setting up player
Closed

Comments

  • Grant Holmes started the conversation

    Based on this: https://wordpress.org/support/topic/no-download-button-6/#post-15337930

    I've now purchased and installed "Pro" and put the license in.

    I need to have a download link and would like to have the text OVER the player to save room. Be nice if the "Play Arrow" was on the same line too.

    9306496431.jpg

    I've gone through some video and cannot get these things implemented. Thanks!

  • Grant Holmes replied
    5168304391.jpg
  •  1,114
    Max replied

    Hi,

    thanks for reaching out.

    I assume you are using shortcode to embed the players in your page, correct?  If so:

    1) To set a download link, edit your playlist and scrolldown completely at the bottom where it says External Links Button and add download links here: https://d.pr/i/hUsP1f

    2) In your shortcode, make sure you use the shortcode attribute: 

    show_album_market="true"

    This will display the album links below the player. 


    For all our shortcode attributes available, see this page.

    Thanks,


    Max from the Sonaar.io Crew

  •  1,114
    Max replied

    For the text to be over the player, are you referring something like this ? https://d.pr/i/dEHg3m

    this won't be very readable in my honest opinion?

    Thanks,


    Max from the Sonaar.io Crew

  • Grant Holmes replied

    Max, in the pics below I show the downloads thing, which I think is set how you say.

    Yes I'm using shortcodes.

    ----

    [sonaar_audioplayer playlist_type="predefined" albums="975" artwork_id="" player_layout="skin_float_tracklist" hide_progressbar="default" display_control_artwork="true" hide_artwork="true" show_playlist="false" show_track_market="false" show_album_market="false" hide_timeline="false" show_album_market="true"][/sonaar_audioplayer]

    ----

  • Grant Holmes replied

    On the text over, I understand, but can't I control font color size?

  • Grant Holmes replied

    And moving the play button

  •  1,114
    Max replied

    Hi,

    from what I see in your shortcode, show_album_market is set to false. make sure it set to true. see screenshot https://d.pr/i/vqlQme

    To display the play button inline with the soundwave, add this to your shortcode : progressbar_inline="true"

    ref: https://sonaar.ticksy.com/article/15282/#shortcode


    Thanks,


    Max from the Sonaar.io Crew

  •  1,114
    Max replied

    You can control the font-size and color in WP-Admin > MP3 Player > Settings > Widgets

    eg: https://d.pr/i/gFQm0O

    Thanks,


    Max from the Sonaar.io Crew

  • Grant Holmes replied

    Max, thanks for your continued help.

    I was able to move the arrow up. Thanks we can cross this one off.

    1) So in the code below "show_album_market" IS set to true. I've tried both True and False and don't see what it does.

    2) Still can't get the "Download" link/button to show up. Is this related to #1?

    3) Thanks for the font controls, but I don't know how to put the text over the player as in your example.

    Thanks again!

    -----CURRENT CODE BLOCK----

    [sonaar_audioplayer playlist_type="predefined" albums="975" artwork_id="" player_layout="skin_float_tracklist" hide_progressbar="default" display_control_artwork="true" hide_artwork="true" show_playlist="false" show_track_market="false" hide_timeline="false" progressbar_inline="true" show_album_market="true"][/sonaar_audioplayer]

  •  1,114
    Max replied

    Could you please provide me access to your wp-admin and I will gladly check the issue you have.

    Thanks,


    Max from the Sonaar.io Crew

  •   Grant Holmes replied privately
  •   Max replied privately
  •   Grant Holmes replied privately
  •  1,114
    Max replied

    Thanks. please give me an administrator role. see screenshot https://d.pr/i/kvewf8

    Thanks,


    Max from the Sonaar.io Crew

  •   Grant Holmes replied privately
  •  1,114
    Max replied

    Ok please check now.

    There was 2 issues.

    1) Your download links has to be set in the External Links Buttons and not in the Optional Call to Action. See screenshot : https://d.pr/i/oMtZq2

    2) There was HTML code in the shortcode which broke the shortcode. see screenshot: https://d.pr/i/RXesS2

    I have removed the unwanted HTML code and now it works.

    To move the soundwave up, add this custom CSS:

    .iron-audioplayer .player {
        margin-top: -89px;
    }

    Thanks,


    Max from the Sonaar.io Crew

  • Grant Holmes replied

    Thanks Max. Not sure how the HTML got in there! Thanks!

    Got the text moved up, I'll play with the font size/color.

    Last hopeful request, Can the download link be an icon on the same line, as opposed to the way it is now? I'm trying to only use "one line" for the player so I can stack demos tighter.


  •  1,114
    Max replied

    Its not possible to have the external links inline with the player.

    The only way is to display it within a tracklist, but showing a tracklist will take much more space. see screenshot: https://d.pr/i/5DKixF


    You can see all demo examples here: https://sonaar.io/mp3-audio-player-pro/music-player-for-wordpress/examples/

    Thanks,


    Max from the Sonaar.io Crew

  • Grant Holmes replied

    Thanks, I'll try and play with the track list.

    What fonts do I change? I've changed them all in the widget and don't see any changes?

  • Grant Holmes replied

    Max, just realized you're the guy in the videos too. 

    Anyhow, I have it ALMOST perfect. I don't mind the play list.
    https://grantsvoice.com/

    Last request: The text OVER the wave. What font do I change there (Bigger/bolder)? I can't seem to find it.


  •  1,114
    Max replied

    We will add an option directly within Gutenberg editor soon. for now, you can add this custom CSS

    .iron-audioplayer .album-player .track-title {
        font-size: 18px!important;
        font-weight: 700;
    }
    

    Thanks,


    Max from the Sonaar.io Crew

  • Grant Holmes replied

    Max that is PERFECT!!

    thanks for you superb help!!!!

  •   Grant Holmes replied privately
  •  1,114
    Max replied

    Awesome Grant! Happy we could help you out! If you have a moment, you can quickly rate our plugin 5 Stars! That help me to spread the word about our plugin and it's my little reward to offer great support to yousmile.png

    Simply click here https://www.trustpilot.com/evaluate/sonaar.io, hit 5 stars and you're done.

    Thank you so much! I appreciate !!

    Thanks,


    Max from the Sonaar.io Crew