Jump to content

Okno popup na głównej stronie


pbpo
 Share

Recommended Posts

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 by pbpo (see edit history)

Share this post


Link to post
Share on other sites

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 by pbpo (see edit history)

Share this post


Link to post
Share on other sites

Witam

Ja 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

  • Like 1

Share this post


Link to post
Share on other sites

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 by pbpo (see edit history)

Share this post


Link to post
Share on other sites

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}

Share this post


Link to post
Share on other sites

 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More