Discussion on Poison - Music HTML One Page Template

Discussion on Poison - Music HTML One Page Template

Cart 927 sales
Well Documented

xvelopers does not currently provide support for this item.

254 comments found.

Hi there, I have noticed a bug in the template, but only in Chrome. When you use the video template (index4.html) and open a modal in the gallery section, it dissapears for some reason. Have you ever noticed this? If so how can I fix that?

Also how can I create a playlist of videos in the beginning?

By the way great work on this template this is the second time a client of mine wanted it!

Also, how do you remove the appended periods on some of the headers? I can’t seem to find where you append the period.

-Edit please disregard, I found how to remove the periods. My other questions are still needed though. Thank you!

I am tying to add this http://www.radiojar.com/g/api-widgets-chat/

to your albuns.html without any luck. it never loads when i load the page. Any thoughts. I have implement int a seperate page to see if it loads and it does. Any pointers.

here is the code by itself. http://uwradio.org/TEMP/Radio_1.html and here is a modification of your albums.html with the code in it that does load but its on top of the other one. http://uwradio.org/TEMP/channels.html Now, her is the page and when you click on the channels it doesnt load at all. http://uwradio.org/TEMP/index2.html?

any thoughts?

Though I have never used this, I will give it a try and will let you know if I could help you.

Hi, I bought this from you guys. I have most of the things working but one of the things that I dont see to get to work is the fact that on a computer browser the music streaming works. But, when you try to get the music played from mobile web on phone or a tablet it doesn’t play. Any thoughts on this?

(im using the same one for all of them for now, as a test) here is what i am using for streaming. http://stream.radiojar.com/myw9vhzbnan.mp3 here what i have so far. http://uwradio.org/TEMP/index2.html?#

On some android phones there a known bug for jPlayer. We will see if there is anyway to solve it.

Never mind… manage to find the issue. You have to update the JPlayer js files. So, that seems to have solve the issue. I have another question see if you can help me out. Let me compile everything so I can ask the question to you guys. thanks for your fast response.

Thanks, I will have files updated.

All the thumbnails on gallery open the same image (the first one)

Actually this only toggles view (grid/one image)

Hi, can you help me figure out why only one of 5 songs are showing up on the player but they are in the html of the page? You can see the site here. http://holinite.com/

Please cross that you have followed the exact structure :)

I did. I copied the template structure and renamed the files to my songs.

Hi again, the hover event on media and albums seems not working on iPad due to the HOVER EVENT on click.

Hello, I bought your Template and try to install it. The WordPress Installation said: “The theme lacks the style.css stylesheet.” Please help me. TOM

This is html template not a wordpress theme.

Forgot: Also in IE and Chrome .. the preloader hangs at about 97% and I have to refresh the page to get 100% ... in Firefox works right away..

Not sure if its because of the weight of the page or a connection issue to an outside file ??? Any ideas here ?

thanks

You are the first who has experienced such issue, I will look into it, and get back to you :)

I am trying to rename the news.html to news.php <<< , I linked it correctly but it appears that it needs an html extention. I looked at the main.js page but not sure where to add to allow php extention.. can you tell me where to make it work. thank you ... you have put a lot of work into this template – great job !

Hi, Please see the links that open news single content, I.e “Read Full Article” . You have to change href of these hyperlinks, Let me know if this is not clear.

On the albums.html page, where do you link an mp3 file to play in the player. If you link it here: it only opens in a new window and not the player. It seems code is missing to make it play on the player from this page. Can you make it happen ? thanks

This feature is not available in current version, We are working on new updates.

I am planing to buy the theme but need help to test radio streaming, i went to your page of jPlayer demo but don’t understand, need more help.

I see that demo but how to enable it in theme? My radio link is http://mobile.ba:17000/listen.pls. How to edit it so when i click play button stream starts?

I will make a demo on radio streaming, and will let you know.

Can you tell me when it will be done so I can see it and test it?

For those of you who are having trouble integrating the modal/gallery features of this product.

1. The codebase the seller provides only has one chunk of code for the gallery, the demo is misleading because it shows multiple different top level galleries yet they are identical to one another and linked to the same modal code. If the seller took a few moments to add a second gallery example then that would have helped a lot of folks with learning how to implement the gallery and would have alerted the seller to the bug.

2. If you simply duplicate the modal and rename the ID and its linking reference (as the seller suggests) you will find that even with the “pristine” untouched code directly out of the sellers provided zip file you will find a bug on the second, third, fourth, etc gallery.

3. The bug appears when switching between the grid gallery and a gallery item image. The grid becomes a stack of images (single column), rather than retaining its original six columns per row.

The bug is architectural and is a difficult problem to solve. I decided to abandon trying to fix it and opt for a sloppy yet effective solution.

The sloppy solution is as follows:

1. Open main.js and duplicate the entire 4-Gallery section (do this for as many galleries as you want, I suggest doing one at a time as it can get confusing).

2. Identify all the id’s and classes controlled by the js and add a 2 at the end of them (13 total).

$('.sliderGallery2,.trigger_slider2').click(function(e){ e.preventDefault(); $('.gallayoutOption2 li').removeClass('active'); $(this).parent('li').addClass('active'); var $this=$(this); $('.gal_list2 li').each(function() { $(this).removeClass('trigger_slider2').addClass('gallery-item2'); }); $('.gal_list2').addClass('owl-carousel owl-gallery'); $(".owl-gallery").owlCarousel({ slideSpeed : 1000, pagination : false, singleItem:true, navigation : true, }); $('.social_share').slideDown(); }); $('.gridGallery2').on('click', function (e) { $('.gallayoutOption2 li').removeClass('active'); $(this).parent('li').addClass('active'); $('.social_share').slideUp(); e.preventDefault(); if($(".owl-gallery").length){ $(".owl-gallery").data('owlCarousel').destroy(); $('.gal_list2 li').each(function() { $(this).addClass('trigger_slider2').removeClass('gallery-item2'); }); $('.gal_list2').removeClass('owl-carousel owl-gallery'); } });

3. Open main.css and find all the classes and ID’s referenced above and add second selectors to each one (7 total).

.gallayoutOption, .gallayoutOption2{ margin:0; padding:0; } .gallayoutOption, .gallayoutOption2{ right:80px; top:80px; position:absolute; text-align:right; font-size:35px; } .gallayoutOption li a, .gallayoutOption2 li a{ color:#222; } .gallayoutOption li.active a, .gallayoutOption2 li.active a{ color:#cc1313; } .gallayoutOption li, .gallayoutOption2 li{ display:inline-block; list-style:none; } .galery_widget li.trigger_slider, .galery_widget li.trigger_slider2{ cursor:pointer; display: inline-block; list-style:none; width:15.5%; margin:0.1% 0.2%; max-height:166px; overflow:hidden; } .galery_widget li.gallery-item, .galery_widget li.gallery-item2{ list-style:none; display:block; }

4. Open index.html, duplicate the entire div with id=”gal_pop”, rename to whatever (id=”gal_pop2”). Change the following classes and id’s (4 + however many images you have):

<div class="gallery_popup container"> <ul class="gallayoutOption2"> <li class="active"><a href="#" class="fa fa-th gridGallery2"></a></li> <li><a href="#" class="fa fa-picture-o sliderGallery2"></a></li> </ul> <h2>Photos</h2> <h6>6 Photos</h6> <div class="galery_widget"> <ul class="gal_list2"> <li class="trigger_slider2"><a href="#"><img src="high-res-1.jpg" alt="" /></a></li> <li class="trigger_slider2"><a href="#"><img src="high-res-1.jpg" alt="" /></a></li> <li class="trigger_slider2"><a href="#"><img src="high-res-1.jpg" alt="" /></a></li> <li class="trigger_slider2"><a href="#"><img src="high-res-1.jpg" alt="" /></a></li> <li class="trigger_slider2"><a href="#"><img src="high-res-1.jpg" alt="" /></a></li> <li class="trigger_slider2"><a href="#"><img src="high-res-1.jpg" alt="" /></a></li> </ul> <ul class="social_share"> <li><a class="btn-share twitter" href="#">Tweet</a><span class="share-count">896</span></li> <li><a class="btn-share facebook" href="#">Like</a><span class="share-count">2k</span></li> <li><a class="btn-share google-plus" href="#">1+</a><span class="share-count">18</span></li> </ul> <ul class="channels_list row"> <li class="col-xs-12 col-sm-4"> <a href="#"><i class="fa fa-circular fa-music" /> itunes</a></li> <li class="col-xs-12 col-sm-4"><a href="#"><i class="fa fa-soundcloud" /> soundcloud</a></li> <li class="col-xs-12 col-sm-4"> <a href="#"><i class="fa fa-youtube" /> youtube</a></li> </ul> </div> </div><!--gallery-popup-->

Thats it. Sloppy and cumbersome but effective.

Good luck.

Hi xveleopers, Thank you for this theme, its amazing.

Question: How can I alter the html to disable the full page scrolling. i only want to have the background carousel and music player at the bottom of the page? this would be the first Version of the theme.

Thanks for your time.

I think all you have to do is to remove all content of the theme other the the header banner and slider, that should do the trick. And you might have to do extra customizations according to your need

Hello PrizmaMedya, we all have the same problem of modal, I hope to be settled as soon as possible, they are already late with my work.

:( :(

Hi, modal is easy to integrate…. But it seems many buyers are having problems,so we have removed it and added alternate solution . update will be available in next week

hello xvelopers have found another alternative for modal? I can not see the update ….

HI, how can I embed youtube instead of a picture?

HOw can we get the menu to stay on top on mobile, now you have to scroll up to access it.

Thanks

Hi, Its better if you dont do that, It will cause some issues, But if you still want to do that please see main.js (assets/js/main.js : line 63 ) file there are conditions that restrict menu not to be fixed in mobile. You can modify it according to your needs

Thanks

Thanks xDevelopers,

how can I present more than one album in Gallery, you talked about modal and bootstrap but I didn’t understand it, as some other customers I face the problem of one column css when changing to grid, how can I embed youtube instead of a picture?

Thanks very much in advance,

Hi, I explained this to others too that its working fine for me when I add more then one modals. Please tell me if you dont understand how to use Bootstrap Modal?

thanks I solved it, but I have another problem, after clicking on one gallery, the photos are shown as a grid then I click on to see full picture and then to return back to grid mode, the grid is broken??? This happens to the second gallery not the first one, What is the solution?

We are removing modal and making it ajaxified like albums etc. you have to wait, for a week. Thanks for your patience

Also where do i change the text when message is sent

Your message has been sent, We will contact you back with in next 24 hours.

Thanks

Any help?!

This is inside main.js file (assets/js/main.js : line 396 )

Thanks that was a good help!

HI, can you assist in configuring newsletter form. What code do i need to add to get it to work.

Thanks

Forget this one i found a solution by my own!

Your recent update has fixed a number of issues that I have been struggling with. Thank you for your help, but I’d like to know why the News and Media gallery scale up the popup images (in Media to approximately 133%, and in News to 108%) instead of showing them at 100%. I went to great trouble to size the images correctly.

I don’t understand the up-scaling at the larger screen sizes. I understand down-scaling to fit screens but why up-scaling? This also happens in other areas too, such as News and any place that uses the pop grid. Is it possible to NOT scale up on the site? I would very much like to limit all images to a maximum of 100% scaling. Please tell me how to make this happen: which file(s) control this behavior and which controls need to be changed.

For examples of this scaling, please see the News, Gallery, and History sections of this site: http:/www.stickmenwithrayguns.com/testing/

I also notice that in the News section the side borders are greatly reduced. It appears that the maximum column width in the News/History section is no longer fixed as it was in Poison version 1.1. It was much more attractive with the wide margins. Possibly this is also the reason for the image scaling in the News section as well. Can we force the width back to 1200 pixels (as it appeared to be locked to this maximum size in the earlier version)?

hi friends I read perhaps a hundred times the guide for insertion of mp3 files …. but…null !!!!

:(

please…help me !!

write to me *the steps or *codes where you insert?

thx to all

Hi, Its so simple to add songs, you see how they were being added in the files before you started editing them? All you have to do is to follow the structure and update mp3 path and artist names etc, I hope this will help you

Sorry…. I don’t understand…

some questions:

  • the Songs on the first player (homepage) ; for playing must be already loaded on hosting?
    • in The page “album.html” where they placed the paths to the songs?

    thx

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey