Hello ,

Is there a template for this ? Can't find anything in Coffee Cup

I need a 16 song playlist ...16 play buttons from local mp3s , 1 track at a time to showcase my audio production work .

This sort of thing is perfect : https://codepen.io/craigstroman/pen/aOyRYx

But when I add these elements just this page shows and my responsive site gets obliterated ... ??

Help please .

Thanks , Michael

Hi Michael,
Can you share a link to your page with the elements added?

Hi michael
Well there isn't a template for something like you show on the link,,,,, BUT you can use some of the components that come already with Site Designer (although it should really be the foundation framework, all it then needs is stylyng and a little bit of Bali Magic

Here is a video showing something that can be achieved, I made it to sort of showcase one of my favourite bands called RUNRIG from the isle of Skye Scotland.

Its not a finished project yet, but it has something similar to what you want I think

Have a look, enjoy a little bit of the music.
https://youtu.be/d3wDswOx-6E
I will put the project up live later this week, so that anyone else who maybe interested cab see it in real life situation so to speak.

Anyone interested in seeing how its done can get in touch & I will do a step by step tutorial video.

There is also a way to put that code on codepen, into your project without it spoiling your page layout, which I am sure Eric will point out, so I will leave that for him.

Hello Again
Well the previous video has gone, and is now replaced with another

https://youtu.be/FD7ihh5NBus

The audio playlist has been developed styled and and improved. There are now 3 versions, 2 for site designer foundation framer and 1 for site designer frameworkless. Both versions just use components readily available within site designer itself, with a little help from a friend "Frank Cook" (CC forum User) who sorted out the JS stuff needed to make the playlist more user friendly, and deserves a big SHOUT OUT to FRANK
The new video is a demo of what can be achieved with the components through styling,
The two basic components can be available on request for downloading, and will be available sometime soon on one of my websites.
That's it for now

Wayan

The frameworkless component LIVE view

https://alphathemes.coffeecup.com/index.html

The frameworjless component download (with PDF doc) is here

https://alpha1themes.asia

A live view of the reveal playlist has been added, the how to do it step by step videos will be tomorrow Indonesian time

Thanks Wayan , cheers , Michael

Thanks Eric , sorry , site is not online yet . Regards , Michael

Inger has audio playlists on her component site at

https://mock-up.coffeecup.com/f-comps/f … ylist.html
https://mock-up.coffeecup.com/va-comps/ … ylist.html
https://mock-up.coffeecup.com/bs-comps/ … ylist.html
https://mock-up.coffeecup.com/ma-comps/ … ylist.html

Frank