2013-05-07 31 views
0

我有一个Bigcommerce网站,我发现用户难以找到简报注册(页脚)的位置。我想使用滑动框(请参阅hotsy totsy),因为我熟悉当人们第一次访问主页时弹出的功能,并且只有在使用cookie后才会发生。Newsletter首页弹出式菜单--Bigcommerce

我在Bigcommerce上找不到任何东西,关于cookie的论坛及其支持在这方面毫无意外地没有帮助。

您是否也可以让我知道用于实现滑动框的功能的名称?

回答

0

这使用fancybox.js和jquery.cookie.js创造我们的商店通讯弹出窗口,设置一个cookie在两周内

<!-- Newsletter HTML --> 
<a id="signup" href="#newsletter-popup"></a><!-- a tag to trigger fancybox click --> 
<div id="newsletter-popup"><!-- newsletter div --> 
    <div id="newsletter-popup-wrap"> 
      <div id="newsletter-popup-content"> 
        <h1>Join the Mailing List!</h1> 
        <div class="BlockContent"> 
         <form> 
          <input type="email" onclick="this.value='';" value="E-mail Address"> 
          <input type="submit" value="%%LNG_Submit%%" class="Button" name="Submit"> 
         </form> 
        </div> 
        <span>Receive exclusive offers! </span> 
      </div><!-- end content --> 
    </div><!-- end wrap --> 
</div><!-- end newsletter div --> 

<!-- Newsletter JS --> 
<script type="text/javascript"> 
$(document).ready(function() { 
    //Check for recent cookie 
    //if cookie, don't show popup  
    var visited = $.cookie('visited'); 
    if (visited == 'yes') { 
     return false; 
    } else { 
    //show popup 
     $("#signup").fancybox({'overlayShow':true,frameWidth:621,frameHeight:524,padding:2,'hideOnContentClick':false}).trigger('click'); 
    } 
    //and set a cookie with expiration some number of days in the future 
    $.cookie('visited', 'yes', { expires: 14 }); 
}); 
</script> 

滑动盒(旋转木马)在主页上是到期flexslider:http://www.woothemes.com/flexslider/