im trying to add a horizontal continuous scroll of collection list on horizon theme on my homepage not sure if its possible or what code to use any help would be great
Topic summary
-
Request: Add a horizontally scrolling, continuous collection list on the Horizon theme homepage; the user is unsure if it’s possible or what code is needed. The desired effect is a looping horizontal carousel of collections.
-
Feasibility: Confirmed possible, but it’s not a built‑in Horizon feature.
-
Implementation approach: Create a custom section using Liquid (Shopify’s templating language) and CSS; optional JavaScript can power continuous auto‑scroll behavior. Theme editing and custom code are required.
-
Support requested: The responder asked for the store URL and collaborator code to offer direct assistance.
-
Status: No code or step‑by‑step solution has been provided yet. The thread is awaiting the store details to proceed; no disagreements reported.
Hi @littlebean
Yes — it is possible on the Horizon theme, but it’s not built-in, so you’ll need a small custom Liquid + CSS (optional JS) solution. No app required.
Best regards,
Devcoder ![]()
It’s not a default feature but will need code. I have almost every time used a library called swiper.js for such use cases.
Easy to include in the theme files and implement scroll and other effects available.
Easiest and recommended solution is to use themestack for that
They have it available for pro plans
Hi @littlebean
You can get a horizontal continuous scroll by creating a custom section with a collection loop, and adding CSS flex and overflow-x scroll and scroll-snap. JavaScript can be used to make the movement continuous if so desired. Test this in a duplicate theme so as not to break your live site, and adjust timing to taste for smooth scroll.