How to insert Marquee images under the buy button?

Store Design
, , , , ,

Topic summary

A user seeks guidance on adding marquee images below the buy button on their product page.

Another participant provides a solution using CSS animations with the <marquee> tag (noting it’s outdated) and shares example code:

  • Creates a .marquee div containing images
  • Uses CSS @keyframes animation with translateX to create scrolling effect
  • Mentions implementing this recently for a client (references Leveret Pajama shop)

The original poster confirms the solution works and asks for simplified code specifically for payment icons instead of general images. The discussion remains open, awaiting a tailored solution for payment icon implementation.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

Hi all tech wizards, can anyone please tell me how can I insert marquee images just under the buy button. here is the link for my store

1 Like
2

Hi! To insert marquee images below the “Buy” button, you can use the tag (though outdated) or modern CSS. Here’s a CSS example:

Product 1 Product 2
.marquee { animation: scroll 10s linear infinite; white-space: nowrap; } @keyframes scroll { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } }

I have done this recently for one of my client recently to add such button for one of my client at Leveret-pajama shop. If you can check it manually then you can visit it for more details.

1 Like
3

its clearly working. I wanted to add payment icons there. is there any simplified code for payment icons?