jquery - 主页上的时事通讯弹出窗口-Bigcommerce

Question

我有一个 Bigcommerce 网站，我发现用户很难找到时事通讯注册（页脚）的位置。我想使用一个滑动框（请参阅 hotsy totsy），因为我熟悉该功能 - 使弹出窗口在人们第一次访问主页时出现，并且只使用 cookie 使其发生一次。

我在 Bigcommerce 和论坛上找不到任何关于 cookie 的内容，他们的支持在这方面没有帮助。

你也可以让我知道用于实现滑动框的函数的名称吗？

Answer 1

这使用 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>

首页上的滑动框（carousel）是flexslider：http ://www.woothemes.com/flexslider/