Good Evening,
I followed this article
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!
Below is the code I am using. I do have it enabled but no matter what I do the countdown does not show up. Attached is the code that I’m using.
{% 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 %}