Question

大家好我有一个使用opencart的网站，我有一个通知栏告诉用户第一个订单有10％的折扣，但有一个关闭按钮但是一旦你点击关闭并刷新页面或稍后访问它然后它会再次显示，我想要的是当用户点击关闭时它将不再显示24小时。 http://intoyoufashion.co.uk是我的网站，您可以查看我的意思。

以下是代码

<div id="Notify" style=" background-color:#DAA520; z-index:999;font-size:16px; text-align:center; color:#fff; position:fixed;width:100%;height:18px;top:0px;">Use code open10 at checkout for 10% off your first order<button class="close" onclick="document.getElementById('Notify').style.display='none'" >Close</button></div>

谢谢，如果你们有帮助的话。

Answer 1

请将以下代码块添加到common.js

//First code block ---start
$('#Notify button').click(function(){
  $('#Notify').css("display", "none");
  localStorage.setItem("offer_exp", new Date().getTime() + (60 * 60 * 24));
});
// ----End of first code block
$(document).ready(function() {
 //second code block --start 
if (localStorage.hasOwnProperty("offer_exp")) {
    if (localStorage.getItem("offer_exp") <= new Date().getTime()) {
        $('#Notify').css("display", "block");
    }
    else{
      $('#Notify').css("display", "none");
    }
} else {
    $('#Notify').css("display", "block");
}
//-----end of second code block
    /* Search */
    $('.button-search').bind('click', function() {
        url = $('base').attr('href') + 'index.php?route=product/search';

        var search = $('input[name=\'search\']').attr('value');

        if (search) {
            url += '&search=' + encodeURIComponent(search);
        }

        location = url;
    });

通知栏关闭按钮

1 个答案: