How to add a Breaking News bar to your Shopify store

Sell Online With Shopify
Trusted by millions of businesses worldwide
For a limited time, sign up for a free trial and enjoy 3 months of Shopify for $1/month on select plans — offer ends Aug 25.

Do you want to add a “Breaking News” section on top on home page of your online store. It may include hot deals, hot sales, hot news… that customers are very interested in.

DEMO

This article describes how to place a custom breaking news bar wherever you like.

  1. From your Shopify admin, go to Online Store > Themes.
  2. Under the Snippetsfolder, click Add a new snippet.
  3. Give your snippet the name breaking-news and click Create snippet.
  4. In the online code editor, copy the below code and paste to the content.
  5. Click Save.
  6. To place a breaking news bar wherever you like, you only need insert the below code:

In this guide, I get the articles from News blog (the default blog of Shopify). Actually, you can retrieve any blog or products in collections you want. To do that you must change the object in for loop in breaking-news.liquid file.

I’m using jQuery Easy Ticker plugin. You can read more the document of this plugin to custom for your “Breaking News” bar with your style.

You may also like...

Leave a Reply

Your email address will not be published.