Countdown Timer

Translate Labels
Enable Countdown Timer in Announcement Bar

---

Translate Labels

To translate labels, add this code after the plugin code. Replace “Days“ in the content: 'Days'; with your translation. Same for hours, minutes and seconds.

<!-- Countdown Timer Plugin - Translate Labels -->
<style>
.c-countdown-timer__item[data-name="days"]::after {
  content: 'Days';
}
.c-countdown-timer__item[data-name="hours"]::after {
  content: 'Hours';
}
.c-countdown-timer__item[data-name="minutes"]::after {
  content: 'Minutes';
}
.c-countdown-timer__item[data-name="seconds"]::after {
  content: 'Seconds';
}
</style>
<!-- end Countdown Timer Plugin - Translate Labels -->

---

Enable Countdown Timer in Announcement Bar

To enable Countdown Timer in Announcement Bar, add this code to Code Injection below the plugin code.

<!-- Enable Countdown Timer in Announcement Bar -->
<script src="https://cdn.jsdelivr.net/npm/@ryanmorr/ready@1.4/dist/ready.umd.min.js"></script>
<script>
(function(){
  ready('.sqs-announcement-bar-text-inner p', function(target) {
    target.innerHTML = target.innerHTML.replace(/&lt;/g, '<').replace(/&gt;/g, '>');
    pluginCountdownTimer();
  });
})();
</script>
<!-- end Enable Countdown Timer in Announcement Bar -->