Announcement bar

Announcement bar

Start your free trial
Start your free trial

General

Online store speed
Online store speed
Accessibility
Accessibility
Theme updates
Theme updates

Theme styles

Style presets
Style presets
Colors
Colors
Fonts
Fonts
Animation
Animation
Social media
Social media

Header

Announcement bar
Announcement bar
Mobile menu
Mobile menu
Search bar
Search bar

Sections

Products

Product listings
Product listings
Product badges
Product badges
Quick view
Quick view
Quick add
Quick add

Product page

Product template
Product template
Variant chips
Variant chips
Sticky add-to-cart bar
Sticky add-to-cart bar
Sibling product swatches
Sibling product swatches
Product recommendations
Product recommendations

Collection page

Collections template
Collections template
Banner
Banner
Product grid
Product grid
Filters and sorting
Filters and sorting

Cart

Quick cart
Quick cart
Cart page
Cart page
Added-to-cart popup
Added-to-cart popup
Cross sells
Cross sells
Free shipping bar
Free shipping bar
Low inventory warning
Low inventory warning

Pages

Templates
Templates
Home page
Home page
About page
About page
Blogs page
Blogs page
Blog post
Blog post
Collections list
Collections list
Contact page
Contact page
Password page
Password page
Search page
Search page
404 page
404 page

Support

Support policy
Support policy
Shopify vs Theme issues
Shopify vs Theme issues
Store access requests
Store access requests

Announcement bar

Choose to show the Announcement bar above the header on every page. You can display rotating announcements, featured links, social media icons, and allow visitors to select their preferred store language and country.

Add announcements

Add up to 3 rotating announcements to let customers know about current promotions, new product lines, or other store updates. You can add an information popup to display additional details about your announcement.

icon
STEPS

In your theme editor (Customize):

  1. Click the arrow beside the Announcement bar to reveal the announcement blocks.
  2. Click (+) Add announcement to add up to 3 announcements.
  3. Click Remove block in the block settings to delete an announcement.
  4. Click on an Announcement block to open the settings.
  5. Enter your Announcement text as a message to your customers.
  6. We recommend entering no more than 10 words.
  7. (Optional.) Click the Announcement Link field to select a page from your online store or enter a URL to direct customers to another page.
  8. (Optional.) Change the Background color and Text color of the announcement.
  9. We recommend using WebAIM's contrast checker when matching colors to make sure your text is clear and readable for everyone.
  10. Click Save.

Set time between announcements

By default, multiple announcements will rotate every 5 seconds. You can choose to display each message between 3 to 15 seconds. Announcements with more words may need more time for customers to read them.

icon
STEPS

In your theme editor (Customize):

  1. Click on the Announcement bar section to open the section settings.
  2. Move the slider to set the time between announcements from 3 to 15 seconds.
  3. image
    Announcements will pause when customers hover over the announcement bar.
  4. Click Save.

Language selector

Cornerstone supports selling in multiple languages. After you have added and published languages to your store, enable the Language selector to let customers select their preferred language.

Cornerstone comes pre-packaged with theme translations for French, German, Italian, and Spanish.

Note | See our Selling in multiple languages guide to learn more. You can add multiple languages in your Shopify admin and use a translation app to translate your store content.

Country selector

Enable the Country selector to let customers to view your products with their preferred currency. The selector displays countries with their currencies supported in your Shopify Market settings.

Admin | Selling in multiple currencies is a Shopify feature. Only stores using Shopify Payments can use this feature.

Social media icons

Add your social media links in the Theme settings to automatically display those social icons at the top of the header. Enter the full URL, including https://.

Settings reference

Click the Announcement bar section to find the following settings.

Time between announcement
Choose to display each message between 3 to 15 seconds.
Text color
Change the color of all text in the announcement bar.
Background color
Change the color of the announcement bar background.
Show divider
Show a border at the bottom of the announcement bar.
Enable language selector
Allow customers to select their preferred store language.
Enable country selector
Allow customers to select their preferred country and currency.
Show country flags
Display the flag icons next to country names in the selector.
Show social icons
Display icon links for you social media accounts set up in your theme settings.
Links
Select a menu from your Shopify admin to display links within the announcement bar.

Click an Announcement block to find the following settings.

Announcement

Announcement text
Choose to display each message between 3 to 15 seconds.
Mobile announcement text
Change the color of all text in the announcement bar.
Announcement link
Add or paste a URL to make the announcement text a clickable link to another page. If enabled, do not add links directly in the announcement text.

Additional information popup

Enable
Choose to show a info popup link that display additional text.
Link text
Change the text of the popup link.
Link style
Display links as Text or a Button.
Popup heading
Add text to display a heading at the top of the popup.
Popup text
Add text to display below the heading in the popup.
Page for content
Select a page to display within the popup instead of the popup text. You will need to create a page in your Shopify admin.