Schedule Announcement Bar

Description

.show announcement bar in specific date/time

Note

buy me a coffee if it is useful for you
if you use Personal/Basic Plan and it doesn’t support Injection, message me, I will install code for you

#1. Install Code

#1.1. First, you need to enable Announcement Bar

01.26c22v1

#1.2. Use this code to Code Injection > Footer

<script>
window.holidayBarConfig = {
  startDate: '2025-01-20 00:00',
  endDate: '2025-01-27 23:59',
  timezoneOffset: -5,
  selector: '.sqs-announcement-bar-dropzone'
};
</script>
<script src="https://code.beaverhero.com/header/scheduleancbar.js"></script>
<style>span.sqs-announcement-bar-close{display:none!important}.sqs-announcement-bar-dropzone{display:none!important}.sqs-announcement-bar-dropzone.show-for-holiday{display:block!important}</style>

01.26c22v1

#2. Customize

You can update Date/Time here. Code will hide announcement bar in these time.

<script>
window.holidayBarConfig = {
  startDate: '2025-01-20 00:00',
  endDate: '2025-01-27 23:59',
  timezoneOffset: -5,
  selector: '.sqs-announcement-bar-dropzone'
};
</script>

01.26c22v1