Why isn't my announcement bar showing at the top of the page?

Technical Q&A
1

Good Evening,

I followed this article

https://appstore.mageworx.com/blog/no-app-required-boost-sales-by-adding-announcement-countdown-timer-bar-to-your-shopify-site/

And I got the Announcement Bar to show up in my customized edit website section but for some reason it does not show the bar at the top of the page. I can’t figure out what I did wrong. If anyone could please help me out? Thank you!

2

Hello , @myangelsn

I think you didn’t check the checkbox Enable announcement bar. on theme customization side.

So Please check that checkbox if not checked.

3

Hello! I did go back into customizer and I did have enabled checked and nothing still showed up. So I turned it back off since its not working.

4 
{% if section.settings.enabled %}
  

  
{% endif %}

{% schema %}
  {
    "name": "Announcement bar",
    "tag": "section",
    "settings": [
      {
         "type": "checkbox",
         "id": "enabled",
         "default": false,
         "label": "Enable announcement bar"
      },
      {
         "type": "textarea",
         "id": "text",
         "default": "Hello",
         "label": "Text"
      },
      {
         "type": "color",
         "id": "background_color",
         "label": "Background color",
         "default": "#d62020"
      },
      {
         "type": "color",
         "id": "text_color",
         "label": "Text color",
         "default": "#ffffff"
      },
	  {
        "id": "banner_link",
        "type": "url",
        "label": "Banner link"
      },
	  {
         "type": "number",
         "id": "top_margin",
         "default": 0,
         "label": "Top margin (px)"
      },
	  {
         "type": "header",
         "content": "Countdown timer"
      },
	  {
         "type": "checkbox",
         "id": "timer_enabled",
         "default": false,
         "label": "Enable countdown timer"
      },
      {
         "type": "text",
         "id": "timer_date",
         "label": "Expiration date",
		 "info": "Format: YYYY-MM-DD"
      },
      {
         "type": "text",
         "id": "timer_days_label",
         "label": "Days label",
		 "default": "Days"
      },
      {
         "type": "text",
         "id": "timer_hours_label",
         "label": "Hours label",
		 "default": "Hours"
      },
      {
         "type": "text",
         "id": "timer_minutes_label",
         "label": "Minutes label",
		 "default": "Minutes"
      },
      {
         "type": "text",
         "id": "timer_seconds_label",
         "label": "Seconds label",
		 "default": "Seconds"
      }
    ]
  }
{% endschema %}