Announcement bar section

A theme section with editable text and link for a top-of-page message.

Marketingmarketingsectionannouncementdemo

Illustrative preview

Static rendering of typical output. Scripts and network access are blocked in this frame.

announcement-bar.liquid

1<div class="announcement" style="background: {{ section.settings.bg }}">
2  {%- if section.settings.link != blank -%}<a href="{{ section.settings.link }}">{%- endif -%}
3  {{ section.settings.text | escape }}
4  {%- if section.settings.link != blank -%}</a>{%- endif -%}
5</div>