Description: Need code customization for Collection list section to link directly to specific products instead of collection pages (Horizon theme)
Reproduction steps
Hi everyone,
I am working on a draft theme based on the Horizon architecture. On my homepage, I have a Collection list section titled “Shop by Collection” configured as a carousel/slider.
By default, Shopify native collection cards automatically route users to the corresponding collection page URL (/collections/collection-name). However, I need a code customization that allows me to bypass the collection page entirely.
My Goal: > I want each block within this specific collection-list section to link directly to a specific product page URL instead of the collection page, while keeping the native carousel/scrolling functionality completely intact.
Additional info
How can I modify the schema in sections/collection-list.liquid (or the relevant block file) to add a custom product or url picker setting for each block?
How should I update the liquid anchor tag (< a href=“…” >) within the collection card rendering logic so it prioritizes this custom URL if it is populated?
Any guidance on the specific Liquid files to edit and the code snippets required would be greatly appreciated! Thank you.
Hi Alan, thank you so much! That makes a lot of sense and sounds perfect. Since I don’t have experience with code, could you help me implement it? What is the exact Liquid snippet I need to add to snippets/collection-card.liquid, and how should I set up the metafield?
- just going to close this thread out since I think this may be a duplicate of this one here: