How to add a countdown timer to announcement bar in Broadcast theme?

[Winhac3]

I've tried a couple of tutorials  (including this blog and this video) that create a new announcement bar section and the ability to create a timer. However, while the section creation and text bar are successful, all attempts at creating a timer have failed. It like the page is incapable of recognizing variables. Any help on this issue would be great, thanks!

[Kani · Accepted solution]

Hi @Winhac3 

if you don't mind pls try this tutorial. 

https://kaniwong.github.io/2022/08/28/Add-Simple-countdown-timer-to-your-shopify-store-via-JavaScrip...

[Winhac3]

This seemed to do the job actually! Thank you so much!

[KetanKumar]

@Winhac3 

yes, please Announcement bar code

[Cedcommerce]

Hello @Winhac3,

To help you better, can you share the screenshot of the error while following this documentation?

You might get an error with JQuery while using the code of this documentation. So, could you try to add the below code after the first line i.e. {% if section.settings.enabled %}

Code:-

<script src="https://code.jquery.com/jquery-3.6.1.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>

Documentation:-

https://www.mageworx.com/blog/boost-sales-with-announcement-countdown-timer-bar-shopify

Result:

{% if section.settings.enabled %}

<script src="https://code.jquery.com/jquery-3.6.1.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>

//Rest of the code goes below

Let us know if it works, or if you need any further help.

Regards, 

CedCommerce