Video Banner- remove looping

Store Design
, , ,

Topic summary

A user installed a video banner section from the Section Store app but wants to stop the video from looping. The app only provides an autoplay checkbox, not a loop control option.

Key responses:

  • The loop attribute must be removed directly from the video banner’s HTML code, not through CSS
  • Since an app was used to add the video banner, the loop code was likely injected into the site automatically
  • CSS cannot control the loop functionality

Recommended solution:

  • Manually add/remove the loop option in the section’s Liquid file
  • Contact the app’s support team for assistance, as CSS-based workarounds won’t work

The discussion remains open with technical guidance provided but no confirmed resolution yet.

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

Hi,

I have installed video banner section from the Section Store app. They don’t offfer loop options, just check box for auto-play. What custom css code could I use to stop video banner from looping?

2

Hi @ChodaBRO

You must remove the loop option from the video banner code; it cannot be done via CSS code.

3

@ChodaBRO - loop code is coding part and not css, so if you have used an app then the app must have added the video tag with loop code into your site, you need to contact app support , css will not work on loop

4

you will need to manually add the loop option to section liquid file .