pbpo Posted December 16, 2013 Share Posted December 16, 2013 Mam pewien problem, chciałem wykorzystać JS i jquery by wykonać okno popup na głównej stronie. na stronie testowej działa wyśmienicie : http://supron1.hmhost.pl/prestashop/like_box/popup/index.php jednak po wrzuceniu kodu do header.tpl nie chce mi wyświetlać popupu Link to comment Share on other sites More sharing options...
vekia Posted December 16, 2013 Share Posted December 16, 2013 a co dokładnie wklejasz do nagłówka? Link to comment Share on other sites More sharing options...
pbpo Posted December 16, 2013 Author Share Posted December 16, 2013 (edited) Już Ci wysyłam :W "HEAD" mam kod: <script> $("document").ready(function (){ // load the overlay if (document.cookie.indexOf('visited=true') == -1) { var fifteenDays = 1000*60*60*24*15; var expires = new Date((new Date()).valueOf() + fifteenDays); document.cookie = "visited=true;expires=" + expires.toUTCString(); $.colorbox({width:"580px", inline:true, href:"#subscribe_popup"}); } $(".open_popup").colorbox({width:"580px", inline:true, href:"#subscribe_popup"}); }); </script> a w body : <div style='display:none'> <div id='subscribe_popup' style='padding:10px;'> <h2 class="box-title">Wesołych świąt !!</h2> <h3 class="box-tagline"></h3> <!-- BEGIN #subs-container --> <div id="subs-container" style="461px" class="clearfix"> <p><img src="http://supron1.hmhost.pl/prestashop/img/cms/onas/zyczenia_1.png" alt="" width="530" height="565" /></p> </div> </div> </div> Tylko nie wiem jak zmusić kod do wyświetlania się automatycznie po wejściu na strone Edited December 16, 2013 by pbpo (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted December 16, 2013 Share Posted December 16, 2013 zaczał bym od tego, że jeżeli skrypt js korzysta z klamr, należy ująć go w tagi {literal}{/literal} {literal} tutaj kod js {/literal} tyle na początek, zobaczymy co będize dalej Link to comment Share on other sites More sharing options...
pbpo Posted December 16, 2013 Author Share Posted December 16, 2013 (edited) nieco przerobiłem kod i umieściłem sam JavaScript : {literal} $(window).load(function() { $.prompt('<center><p style="font-size:12pt"><strong>WESOŁYCH ŚWIAT</strong></p><p> <img src="http://supron1.hmhost.pl/prestashop/img/cms/onas/zyczenia_1.png" alt="" width="530" height="565" /></center> ',{overlayspeed: 'slow'}); }); {/literal} ale niestety mam problem wyświetla się ale nie interpretuje JavaScriptu .Możesz sam zobaczyć na www.supron1.eu Edited December 16, 2013 by pbpo (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted December 16, 2013 Share Posted December 16, 2013 problem jest związany z błędami: to one sparwiają, że bibilioteka jquery nie działa tak jak powinna. Link to comment Share on other sites More sharing options...
ralfdud Posted December 16, 2013 Share Posted December 16, 2013 WitamJa u siebie do wrzucenia na stronę główną okna pop-up użyłem modułu homemodalwindow, można wtedy umieścić praktycznie wszystko czego dusza zapragnie. Na stronce obecnie jest zwykła grafika promocyjna http://sklep.metka.co http://prestashopmodul.com/en/13-home-modal-window.html moduł jest w pełni darmowy i m.in. z tej stronki można go pobrać.Pozdrawiam 1 Link to comment Share on other sites More sharing options...
pbpo Posted December 17, 2013 Author Share Posted December 17, 2013 (edited) Mam ten moduł tylko nie chce mi go wyświetlać ... Mógłbyś wysłać jak wygląda Twój plik homemodalwindow.TPL ? bo mi wywala błąd właśnie w nim a konkretnie : " TypeError: $.fancybox is not a function " (miałem konflikt jQuery z inna wtyczką więc dodałem $.noConflict(); ale i to nie pomogło... {literal} <script type="text/javascript"> $.noConflict(); jQuery(document).ready(function() { $.fancybox( '{/literal}{$content}{literal}', { 'width' : 650, 'height' : 400, 'autoScale' : true, 'scrolling' : 'no' }); }); </script> {/literal} Edited December 17, 2013 by pbpo (see edit history) Link to comment Share on other sites More sharing options...
pbpo Posted December 17, 2013 Author Share Posted December 17, 2013 Działa ! Błąd miałem w wywołaniu funkcji : {literal} <script type="text/javascript"> var noConflict = jQuery.noConflict(); jQuery(document).ready(function($.fancybox){ $.fancybox( '{/literal}{$content}{literal}', { 'width' : 450, 'height' : 520, 'autoScale' : true, /* 'scrolling' : 'no' */ }); }); </script> {/literal} Link to comment Share on other sites More sharing options...
Recommended Posts