Marquee text and image section

Marquee Text and Image Infinite Announcement Section

Log in or Sign up to ensure access to purchased code across multiple devices.

How to see the code

1. Please log in/create an account first. This is to ensure that all purchases are connected to an account and can be viewed on different devices.

2. Purchase the code using the "purchase box" on the specific page of the desired code.

3. After the purchase, please refresh the page.

Compatibility: All Shopify theme. Styles may vary

In the ever-evolving world of web design, it's crucial to keep your website engaging and visually appealing. One way to achieve this is by incorporating dynamic elements that catch the visitor's eye. In this blog post, we'll explore how to create a Marquee Infinite Announcement section for your website—a versatile feature that provides a scrolling display of content, adding movement and interest without the need for complex scripts or multiple HTML files.

You can check the demo store here. Password: made4uo

What you are buying:

  • A section that can be place anywhere in your website. Theme must be Shopify 2.0. 
  • Customize background color, text color, link, and animation duration
  • Select between an image or text to have in a block
  • Add a different font just for this section
  • Option to change the background color and text color when hovered
  • Change the height of the section

What makes our code better:

  • We do not use external libraries, with that being said, our code will have no to minimal effect to your website's speed performance
  • We do not leave or add codes use to advertise for our website
  • Our code is mobile friendly

Any issues related to the code will be fix with no additional cost, excluding code customization requests. Simply contact us with "Chat with us." We are just a button away. 

To start:

1. Go to Admin Shopify store > Themes > Actions > Edit Code.

2. Open the Section folder, and create a new section, name it "marquee-component".

3. Replace the default code with the code below. Make sure to SAVE.


 4. Add the said component to your Shopify website, using the theme editor. Find the "Marquee component."


That's it (",)



Back to blog

Leave a comment