一旦用户在 magento 中点击关闭,隐藏整个会话顶部的横幅

Hide the banner on top for entire session once user clicks on close in magento

当用户访问我们的网站时,我有一个横幅显示在网页顶部

<div class="hidden-xs col-lg-12 header-banner">
<div class="text-secondary bigger-text>Get discount at checkout use promocode XXX<button class="btn btn-primary bannerCloseBtn" id="closeButton"> close</button></div>
</div> 

我试图在用户单击关闭按钮时隐藏横幅。在会话结束之前,这不应再次出现。我如何在 magento 中完成此操作。隐藏横幅的 javascript 是

<script>
document.getElementById('closeButton').addEventListener('click', function(e) {
    e.preventDefault();
    this.parentNode.style.display = 'none';
}, false);
</script>

您可以使用没有有效期的 cookie。此 cookie 通常会在浏览器关闭时被删除。

这应该有效:

<script>
window.addEventListener('load', function(e){
    if(docuement.cookie.indexOf('banner_removed=1') !== -1)
        document.getElementById('closeButton').parentNode.style.display = 'none';
});
document.getElementById('closeButton').addEventListener('click', function(e) {
    e.preventDefault();
    this.parentNode.style.display = 'none';
    document.cookie = "banner_removed=1";
}, false);
</script>