Spark 1.0

Announcement bar

The announcement bar sits at the top of every page and rotates up to 3 custom messages with optional links. It's great for promoting sales or need-to-know updates.

Here's an example the announcement bar with a dark background::

Set up the announcement bar

To set up the announcement bar:

STEPS

  1. From your Customize theme editor, select the Announcement bar section.

  2. Check the Show announcement checkbox.

    The bar will appear only when at least one announcement has been added (see step 4.)

  3. Choose the Time between announcements using the slider.

    The time is expressed in seconds. Setting the slider to 5 will display each announcement for 5 seconds before rotating to the next one..

  4. To add an announcement, return to the list of Home page sections and click the arrow beside the Announcement Bar section.

    markdown:shopify-announcement-bar-content.md

  5. Use the Add announcement button to add an announcement.

    See the Add announcements section for more information about individual announcement settings.

  6. Click Save.

Settings reference

The announcement bar has the following settings:

Add announcement

Add up to 3 announcements using this button.

Show announcement

Check this checkbox to enable the announcement bar feature.

Time between announcements

Choose how long (in seconds) an announcement should be shown.

Add announcements

You can add up to 3 announcements with their own link to another page.

Here's an example of an announcement bar displaying 2 announcements: :

To add an announcement:

STEPS

  1. In your Customize theme editor, select the arrow beside the Announcement bar section.

    markdown:shopify-announcement-bar-content.md

  2. Use the Add announcement button to add an announcement.

You can add up to 3 announcements.

  1. Add Announcement text.

We recommend announcements be less than 10 words.

  1. (Optional.) Paste or select a link using the Announcement Link field.

  2. Click Save.

Settings reference

Each announcement has the following settings:

Announcement text

Add text to be displayed to customers.

We recommend using between 4 and 8 words.

Announcement link

Select a page or link that this announcement links to.

Background color

Choose the color of the announcement bar for this announcement.

Text color

Choose the text color for this announcement.

  • Home page

  • Header

Last updated