How to link Collection list section directly to a product page in Horizon theme (no code or custom URL option

[Margaret_Broekema]

Short description of issue

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

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.

What type of topic is this

General discussion

Upload screenshot(s) of issue

[Alan_G]

Hey @Margaret_Broekema - thanks for reaching out.

One thing to note is that the section loops through the selected collection_list and reuses the same static _collection-card block for each collection, so adding one URL setting to that block wouldn’t give you a separate picker per collection unfortunately.

The smallest customization I’d suggest is using a collection metafield. For example, create a collection metafield like custom.target_product with the type Product reference, then update snippets/collection-card.liquid so the card URL defaults to collection.url, but switches to collection.metafields.custom.target_product.value.url when that metafield is populated.

Then the full-card overlay link can use that resolved URL instead of always using collection.url. That should keep the existing carousel/scrolling behavior intact, since the resource-list carousel markup does not need to change.

If you specifically need this managed from the theme editor rather than collection metafields, that would be a larger refactor: you’d likely replace the section-level collection_list setting with manual blocks where each block has both a collection setting and a product or url setting.

Hope this helps!