打開上的Magento首頁的彈出窗口一次當用戶打開一個網站

Question

我希望當用戶訪問一個網站每次打開網頁的彈出一次。 現在問題出現在每次重新加載主頁時彈出。我只想顯示一次這個彈出窗口。

代碼

<?php $currentUrl = Mage::helper('core/url')->getCurrentUrl(); 
if($currentUrl=='http://website.com/') 
{ 
?> 
<form action="<?php echo $this->getUrl('subscribe/index/subscriptionsave/'); ?>" id="subscribeForm" method="post"> 
<div id="boxes"> 
    <div id="dialog" class="window"> 
    <div id="popupfoot"> <a class="agree" href="#">close</a> </div> 
    <div class="popupcontentbox"> 
     <div class="box_content"> 
      <h2>Stay in the loop!!</h2> 
      <p>Be the first one to know about new arrivals, 
fresh offers & fashion updates.</p> 
     <div class="book-column-left"> 
     <?php /*?> <label class="f">Email Address<span>*</span></label><?php */?> 
     <input type="text" class="input-text required-entry validate-email" placeholder="Email Address *" name="emailid" id="emailid"> 
      </div> 
      <input type="submit" name="sub" value="Submit" class="btn"> 
      <div class="offer_text">Get flat 20% Off on your First purchase. Use coupon "INDULGE20".</div> 
     </div> 
    </div> 

    </div> 
    <div id="mask"></div> 
</div> 
</form> 
<?php } ?> 
<script type="text/javascript"> 
//<![CDATA[ 
    var subscribeForm = new VarienForm('subscribeForm', true); 
//]]> 
    </script> 



<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.js"></script> 
    <?php */?><script> 
    jQuery(document).ready(function() { 
    var id = '#dialog'; 
    //Get the screen height and width 
    var maskHeight = jQuery(window).height(); 
    var maskWidth = jQuery(window).width(); 

    //Set heigth and width to mask to fill up the whole screen 
    jQuery('#mask').css({'width':maskWidth,'height':maskHeight}); 

    //transition effect 
    jQuery('#mask').fadeIn(500);  
    jQuery('#mask').fadeTo("slow",0.9); 

    //Get the window height and width 
    var winH = jQuery(window).height(); 
    var winW = jQuery(window).width(); 

    //Set the popup window to center 
    jQuery(id).css('top', winH/2-jQuery(id).height()/2); 
    jQuery(id).css('left', winW/2-jQuery(id).width()/2); 

    //transition effect 
    jQuery(id).fadeIn(2000);  

    //if close button is clicked 
    jQuery('.window .agree').click(function (e) { 
    //Cancel the link behavior 
    e.preventDefault(); 

    jQuery('#mask').hide(); 
    jQuery('.window').hide(); 
    }); 

    //if mask is clicked 
    jQuery('#mask').click(function() { 
    jQuery(this).hide(); 
    jQuery('.window').hide(); 
    }); 


    jQuery(window).scroll(function() {  

    var scroll = jQuery(window).scrollTop(); 
      if(scroll > 300){ 
       jQuery(".gotop").addClass("active"); 
      }else if(scroll < 300){ 
       jQuery(".gotop").removeClass("active"); 
      } 


     }); 

     jQuery('.gotop').click(function(){ 
     jQuery("html, body").animate({ scrollTop: 0 }, 700); 
      return false; 
     }); 
    }); 
    </script> 

Answer 1

保存在翻頁時php邊檢查開放期間，例如OPENED = 1cookies值，那麼如果這種餅乾目前已經那就不要添加popup代碼或使該檢查在javascript側，不顯示popup

JS實現示例

1）添加set和get餅乾功能，你的JS - 參見手冊這裏大約setCookie和getCookie - http://www.w3schools.com/js/js_cookies.asp

<script type="text/javascript"> 

function setCookie(cname, cvalue, exdays) { 
    var d = new Date(); 
    d.setTime(d.getTime() + (exdays*24*60*60*1000)); 
    var expires = "expires="+d.toUTCString(); 
    document.cookie = cname + "=" + cvalue + "; " + expires; 
} 
function getCookie(cname) { 
    var name = cname + "="; 
    var ca = document.cookie.split(';'); 
    for(var i=0; i<ca.length; i++) { 
     var c = ca[i]; 
     while (c.charAt(0)==' ') c = c.substring(1); 
     if (c.indexOf(name) == 0) return c.substring(name.length,c.length); 
    } 
    return ""; 
} 

</script> 

2）簡單地用if contion代碼顯示您的彈出式封裝，當我從瞭解你的亂碼是jQuery(id).fadeIn(2000);

if(getCookie('popup_opened') == ""){ 
    jQuery(id).fadeIn(2000); 

    // creates popup_opened cookie and will keep it till browser close 
    setCookie('popup_opened', '1', 0) 
} 

注：通過這種解決方案您的訪問者在租賃一次應該看到他的每個瀏覽器彈出作爲cookie分別存儲在每個瀏覽器