How To Create Marquee Text Scrolling Direction Is Right To Left or Vice Versa in Shopify

Hura Product Showcase Builder

You can use marquee text scrolling to grab your customer’s attention and deliver your message across your entire website, including free shipping, coupon codes, flash sales, and direct your traffic to any page.

This article will guide you on how to create marquee text scrolling direction is right to left or vice versa in Shopify.

Following the below steps to know how to do that:

Step 1: Create a new section

  1. From your Shopify admin, go to Online Store > Themes.
  2. Click Actions, and then click Edit Code.
  3. Under the Sections folder, click on Add a new section link to create a new section.
  4. Fill the section name – hura-marquee to the field on the dialog and click Done button.
  5. In the online code editor, please replace the existing code with the below code.
  6. Click Save.

Step 2: Add a new Marquee Text Scrolling

  1. From your Shopify admin, go to Online Store > Themes.
  2. Click Customize.
  3. You scroll to the bottom page and click on Add section.  Find Hura Marquee and add this section to your page.
  4. You click on this section to configure and add messages for this.
  5. Click Save and you are done.


If you are technical or have a custom developer at your disposal, you can follow the guide to do it yourself. If you consider yourself non-technical, there is a Shopify app that helps you. It’s called Hura Theme Blocks and you can refer to the article here.

I hope this article is useful to you.

Hura Theme Blocks

You may also like...

6 Responses

  1. Steve says:

    Hey, Thanks your sharing!
    But i got a problem.
    I am still building my site during the 3day free trial.
    I created a new section and embeded your code, but it is not working.
    Back to customize my site, it doesnt show up the marquee section when i create a new one.

  2. Lee says:

    HI this works fine but can the whole bar colour be changed and the text size ?

  3. Chris says:

    Hi, this is a great feature, we like it!
    One question – how can the scrolling text begin with no empty space?
    In other words, when the page loads, can the text already be appeared?

  4. Chris says:


    Is there a way to have the scroller begin with text, in other words have the text shown as soon as the page is loade?

Leave a Reply

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