通知欄關閉按鈕

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; 
    });