Okay
  Public Ticket #2593983
Multiple Playlists, Same Page
Closed

Comments

  • Samuel Neilson started the conversation

    Hi - I am trying to add multiple playlists to one page using the Gutenberg editor in Wordpress. However, changing the individual blocks is having a global effect. So first I created & added one playlist. Saved, created another playlist, came back and added that below. It defaulted to the existing playlist and when I changed that, the original playlist changed as well. Changing that changed them both. And so on. I purchased this plugin expecting to have this kind of functionality, so any help would be greatly appreciated.


    Thanks,


    Sam

  •  1,101
    Max replied

    Hi,

    when you add a new block to gutenburg, select a playlist then right after, make sure to update your post. Once its saved, continue editing your block.

    tell me if it works

    If not, do you have same issue when using a shortcode instead of gutenburg?

    Thanks,


    Max from the Sonaar.io Crew

  • Samuel Neilson replied

    That worked! Thank you! Haven't tried shortcode yet, but that was my next thought as well.


    Sam

  • Samuel Neilson replied

    Hi - I thought this had worked in gutenburg, but I was wrong. It looked good in the editor, but when I checked the published page, the playlists didn't match up. Checking the block, I saw that the newest playlist had been added to the original again. Removing it from that playlist resulted in it disappearing from the new playlist, which defaulted to the most recent playlist I had created. Attached are screenshots which I hope to help make sense of it.

    I was able to insert via shortcode, but definitely would prefer the Gutenberg method, if possible especially as Wordpress continues to update their editor.

    Thanks,

    Sam 

  •  1,101
    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

  • Samuel Neilson replied

    I will follow up with that info shortly. Troubleshooting some login issues with Alexandre currently.

    Thanks,

    Sam

  • Samuel Neilson replied

    in the meantime, could you let me know if there's a way to edit the length of the scrollbar in shortcode? one of my titles takes two lines and this has resulted in a longer playlist than the ones it's grouped with. I could solve by shortening the scrollbar.

    Thanks,

    Sam

  •  1,101
    Max replied

    You can adjust height of the scrolling playlist by adding, by example, this custom css :

    .iron-audioplayer .playlist ul.ps {
        height: 355px!important;
    }

    Thanks,


    Max from the Sonaar.io Crew

  • Samuel Neilson replied

    Hello Max - What's the best e-mail for you to create a WP-Admin account with?

    I couldn't get that css to work either, might be easier for you to just take a look behind the scenes.

    Appreciate all your assistance.

    Thanks,

    Sam

  •   Max replied privately
  •   Samuel Neilson replied privately
  •  1,101
    Max replied

    Hi,

    I added the code here https://d.pr/i/SYOCPd and it works. your playlist scroll height is now 355px. see screenshot: https://d.pr/i/0blLwD

    Thanks,


    Max from the Sonaar.io Crew

  • Samuel Neilson replied

    Hi Max - Thanks, but could you please remove that? That player was working fine. I was able to add via gutenberg which gave me the option to set the height where I wanted it.

    The issue is with the players at https://lfod.life/music/uncle-sam-mc/. I was unable to add multiple playlists to the same page using gutenberg which is what started this ticket. Following your advice, I used shortcode which was a functional workaround. The issue I have run into though is that one of the players needs a different scrollbar height and I am unsure of how to adjust this within the shortcode. 

    Could you look at that page and see if there's either a way to get the blocks working or adjust via shortcode?

    Thanks,

    Sam

  •  1,101
    Max replied

    I have removed the code simply by going to wp-admin > appearance > customize > additional CSS and I added a new one to fit only the player that has 2 lines.

    see screenshot now: https://d.pr/i/6PwRny

    Thanks,


    Max from the Sonaar.io Crew

  • Samuel Neilson replied

    Thank you, Max!