RISE ABOVE THE NOISE RISE ABOVE THE NOISE

BACK

Text Scroller & Infinite Marquee Ticker Section for Shopify | Instant Download | Easy Installation

Text Scroller & Infinite Marquee Ticker Section for Shopify | Instant Download | Easy Installation

text scroller shopify section

About your code

About your code

An infinite scrolling ticker is a visual element on a webpage that continuously scrolls a line of text or content (such as announcements, promotions, or updates) horizontally across the screen. It typically moves in one direction (left-to-right or right-to-left) and loops infinitely, creating a dynamic and engaging way to display information without taking up too much space.

An infinite scrolling ticker is a visual element on a webpage that continuously scrolls a line of text or content (such as announcements, promotions, or updates) horizontally across the screen. It typically moves in one direction (left-to-right or right-to-left) and loops infinitely, creating a dynamic and engaging way to display information without taking up too much space.

scrolling-ticker.liquid

scrolling-ticker.liquid

scrolling-ticker.liquid

ticker-style.liquid

ticker-style.liquid

ticker-style.liquid

ticker-script.liquid

ticker-script.liquid

ticker-script.liquid

Step 1: Grab your code

Step 1:
Grab your code

Grab the code from Etsy! And let's get started.

Grab the code from Etsy! And let's get started.

Download

Download

Download

Step 2: Open code editor

Step 2:
Open Custom CSS

Navigate to your theme, press (…), and select Edit code.

Navigate to your theme, press (…), and select Edit code.

Step 3: create new section

Step 3:
create new section

In the code editor, open up sections and press Add a new section

In the code editor, open up sections and press Add a new section

Chose liquid and name your section: scrolling-ticker and hit Done.

Now paste the contents of scrolling-ticker.liquid into the new section over the code that was generated.

Step 4: Create new snippets

Step 4: Create new snippets

Now navigate to snippets on the side bar and press Add a new snippet.

Now navigate to snippets on the side bar and press Add a new snippet.

Name your snippet: ticker-script and hit Done.

Now paste the content of ticker-script.liquid into the new snippet and repeat the process for: ticker-style.liquid

Step 5: Get creative!

Step 5: Get creative!

That's it! Enjoy!

That's it! Enjoy!