I’m currently using an animation to remove the popup when cross is pressed but that makes it reopen every time the page is reloaded or after navigating to a new page.
I’m sure it involves custom code but I’m not sure how to go about… any help would be appreciated… thanks!
Add this to the before body section in all the page’s settings:
<!-- Popup -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>
<script>
$(document).ready(function(){
if (!$.cookie('alert')) {
$('.popup-overlay').show();
var date = new Date();
date.setTime(date.getTime() + 7 * 24 * 60 * 60 * 1000);
$.cookie('alert', true, { expires: date });
}
});
</script>
<!-- END Popup -->
In this case popup-overlay is the element you want to hide’s name. so toast something, not sure what you don’t want showing over and over. Then hide the element in the designer on all pages. You can mess with the timing in the code to make it a week or a month or whatever. Anyhow, the code will pop it up once for whatever timeframe.
Interesting Jakes, but in the code you wrote the expire date is 7 days ?
or show only one time and never show again ?
It’ll show again once the time runs out or the user clears his cookies. But you can make it an hour or a year. Up to you.