Good stuff, @ponbru @MRamzan made a general tutorial over on youtube with code available online that’s pretty concise.
Just make sure if using this to test loading performance or add lazy-loading to not swamp users bandwidth with lots of video.
Topic summary
A user wants to create a video carousel in Shopify’s Broadcast theme using the “custom content” section, inspired by functionality in the “Featured Product” section.
Initial Guidance:
- Building custom sections requires narrowing the scope with specific code examples or URLs
- Suggested alternatives include using existing slideshow libraries or examining Dawn theme’s slideshow section as reference
- Recommended hiring a developer if unfamiliar with HTML/CSS/JavaScript/Liquid
Solution Provided:
Another user shared YouTube tutorials with code for implementing video carousels. However, implementation issues emerged:
Current Problems:
- Videos display all at once without proper slider functionality (Trade theme)
- Navigation arrows immediately return to first video despite auto-slide being disabled
- Videos don’t autoplay and show static thumbnails instead
Status: Ongoing troubleshooting. The original poster received tutorial resources but subsequent users are experiencing technical issues with the implementation that remain unresolved. Performance considerations mentioned include adding lazy-loading to prevent bandwidth issues.