How to add a Breaking News bar to your Shopify store

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. Required fields are marked *