Collection list section
The Collection list section lists collections you pick in Highlight, in a vertical or horizontal layout, with optional custom images.
Applies to: Highlight 4.1.0 and later. Added in: Highlight 1.0.0. Last checked: 2026-10-13 against Highlight 4.1.0.
The Collection list section lists the collections you pick as large, linked titles. On desktop, the collection's image appears next to the mouse pointer when a customer hovers a title; on tablets and phones, the image shows beside each title.
Where to find it: Online Store → Themes → Customize → Add section → Collection list (Collections category).
Layout
- Heading shows a small title above the list. Leave it empty for no title.
- Layout sets how the titles are arranged on desktop:
- Vertical: one collection title per line, the default.
- Horizontal: the titles run side by side, centered, with a separator between them.
- On tablets and phones, both layouts show one collection per line with its image on the left.
Blocks
Collection
Add one Collection block per collection, in the order you want them.
- Collection picks the collection. Its title is the text in the list.
- Image replaces the collection's own image in this section only. Leave it empty to use the collection image from Shopify admin → Products → Collections.
Can I use my own image for a collection?
Yes. Upload it in the Collection block's Image setting. It replaces the collection image in this section only. Without an image in the block or in the collection, the section shows a placeholder.
Why does the image not show when I hover a title on my phone?
Phones and tablets have no hover. On those screens, Highlight shows each collection's image next to its title instead, so customers see it without hovering.
All Collection list settings
Every setting, with its type and default.
Accepts these blocks: Collection.
Heading (text field, default: "Collection list").
Layout (dropdown, default: Vertical): Sets the desktop arrangement: Vertical shows one collection title per line, Horizontal shows the titles side by side with separators. Tablets and phones always show one per line with the image beside it. Options: Horizontal, Vertical.
Collection list section: SEO
Where to find it: Collection list → SEO
Heading tag (dropdown, default: H2): Specify heading level to help search engines index the structure of your page. Options: H1, H2, H3, H4, span.
Collection block
Where to find it: Collection list → Add block → Collection
Collection (collection picker): Sets the collection; its title is the text shown in the list.
Image (image): Replaces the collection's own image in this section only. The image appears next to the pointer on hover on desktop, and beside the title on tablets and phones.
Related pages
- Collections list page: the template that shows all your collections as image cards.
- Collection page: the page that opens from each title.
- Images with text overlay section: collections as large images with text.