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>

主页上的滑动框（轮播）是flexslider：http://www.woothemes.com/flexslider/

主页上的Newsletter Popup - Bigcommerce

1 个答案: