How to add a Breaking News bar to your Shopify store

Sell Online With Shopify
Trusted by millions of businesses worldwide
Sign up for a free trial and enjoy the first month of Shopify for $1.

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.

Looking for Shopify Experts?

Hura Apps can help you take your store to the next level

Our team of experienced designers and developers can help you create a beautiful, high-converting Shopify store that will drive sales and increase customer satisfaction. From custom design to app development and optimization, we have the skills and expertise to help you achieve your eCommerce goals.

Get in touch

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *