About this section
The top of a collection page: an image or video, the title, the description and highlights.
How to add itCustomize → Add section
Where it can goCollection pages
Settings24 · 1 block type
Good to know: Upload a collection image in Products → Collections and it is used here.
Settings
Media
| Setting | Type | What it does |
|---|---|---|
| Background | Choice | "Collection image (automatic)" uses the image you upload on the collection in Shopify admin. If none is set, it shows a clean gradient instead of guessing with a product photo. Choose Collection image (automatic), Custom image, Video, No image — gradient only. Collection image (automatic) to start. |
| Custom image | Image | Also used as the video poster frame. Choose an image from your files. |
| Video | Video | Hosted by Shopify. Plays muted and looped. Choose a video uploaded to your files. |
| Dark mode video | Video | Plays instead of the video above while the store is in dark mode, from the same moment. Use a film of the same length. Choose a video uploaded to your files. |
| External video URL (.mp4) | Text | Only used when no Shopify video is selected. |
| Overlay darkness | Slider | From 0 to 90 %, 55 % to start. |
| Film grain texture | On / off | On by default. |
Content
| Setting | Type | What it does |
|---|---|---|
| Badge | Choice | Choose Hidden, Product count, Custom text. Product count to start. |
| Badge text | Text | Overrides the product count when filled in. |
| Heading | Text | Leave empty to use the collection title. |
| Show collection description | On / off | On by default. |
| Custom text | Formatted text | Overrides the collection description. |
| Show accent rule | On / off | On by default. |
| Show breadcrumbs | On / off | On by default. |
| Button label | Text | — |
| Button link | Link | Leave empty to scroll to the product grid. A link to any page. |
Layout
| Setting | Type | What it does |
|---|---|---|
| Layout | Choice | Choose Cinematic — full-bleed, Split — text beside media. Cinematic — full-bleed to start. |
| Text alignment | Choice | Choose Left, Centered. Left to start. |
| Center vertically | On / off | Off by default. |
| Height | Slider | From 34 to 88 rem, 58 rem to start. |
| Color scheme | Color scheme | One of the colour schemes from Theme settings → Colors. |
Motion
| Setting | Type | What it does |
|---|---|---|
| Enable animation | On / off | Word-by-word heading reveal, slow image drift and a light sweep. Automatically disabled for visitors who ask for reduced motion. On by default. |
| Show scroll cue | On / off | On by default. |
| Scroll cue text | Text | — |
Blocks
Blocks are added inside the section with Add block, and can be reordered by dragging.
Highlight up to 4
| Setting | Type | What it does |
|---|---|---|
| Icon | Choice | Choose None, Sparkle, Leaf, Shield, Delivery, Star. Sparkle to start. |
| Text | Text | — |
| Prefix with the product count | On / off | Turns "products" into "24 products". Off by default. |
Something here not as described?Tell us which setting and what you saw. We reply within two business days.
Contact support