Collection list section
The Collection list section of Local shows the collections you choose as a slider or grid, with custom images and card colors.
Applies to: Local 4.2.1 and later. Added in: Local 1.0.0. Last checked: 2026-10-13 against Local 4.2.1.
The Collection list section shows the collections you pick as cards, in a grid or a slider, for example "Shop by category" on the home page. Each card shows the collection image and title, and you can replace the image with your own.
Where to find it: Online Store → Themes → Customize → Add section → Collection list
Heading
Besides Heading, Subheading and Text alignment, the heading area has Show link to collection page (on by default). It adds a "View all collections" link to your collections list page (/collections). See General section styling.
Content
- Layout shows the collections as a Grid (default) or a Slider that customers swipe.
- Style sets how each collection looks:
- Card (default): a large image with the title below.
- Button: a compact card with a small image (130 px wide) on the left and the title next to it, four per row on desktop. Desktop layout is hidden for this style.
- Desktop layout sets 2, 3, 4 or 6 (default) cards per row on desktop. The layout adapts on smaller screens.
- Media aspect ratio crops the collection images to the same shape: Short (4:3), Square (1:1, default), Tall (5:6) or Taller (2:3).
- Title size sets Small or Large collection titles.
- Show product count adds the number of products under each title.
Pick the Media aspect ratio closest to most of your collection images. Every card is cropped to that shape, so the row stays even even when your images have different sizes.
Custom card design
Background, Text, Border and Shadow override the card colors of Theme settings → Colors → Cards for this section. Hide border and Hide shadow remove the card border or shadow.
Collection blocks
Add one Collection block per collection, up to 15 per section. Drag the blocks to change the order.
- Collection is the collection the card links to.
- Image replaces the collection's own image on this card only.
How do I change the image of a collection?
Select the Collection block and upload a picture in Image. It replaces the collection image in this section only. To change it everywhere, change the collection image in Shopify admin → Products → Collections. A collection with no image and no custom image shows a placeholder.
Why does my collection list show fewer columns than I set?
Because Style is set to Button, which always shows four per row on desktop, or because the screen is narrower: the layout adapts on tablets and phones. Set Style to Card to use Desktop layout.
All Collection list settings
Every setting, with its type and default.
Accepts these blocks: Collection (up to 15 blocks in the section).
Collection list section: Heading
Where to find it: Collection list → Heading
The Collection list section uses the standard Heading settings, listed in General section styling. Not available in this section: Show section link, Link text, Link and Open link in a new window.
Heading (text field, default: "Featured collections").
Subheading (text field).
Show link to collection page (checkbox, default: on): Adds a View all collections link to your collections list page (/collections).
Text alignment (dropdown, default: Left). Options: Left, Center.
These settings differ from the standard ones or exist only here:
Heading (text field, default: "Featured collections").
Subheading (text field).
Show link to collection page (checkbox, default: on): Adds a View all collections link to your collections list page (/collections).
Collection list section: Content
Where to find it: Collection list → Content
Layout (dropdown, default: Grid): Shows the collections as a grid or as a slider customers swipe. Options: Slider, Grid.
Desktop layout (dropdown, default: 6 columns): The layout adapts itself for mobile devices. Options: 2 columns, 3 columns, 4 columns, 6 columns. Shown only when Style is Card.
Media aspect ratio (dropdown, default: Square (1:1)): Crops every collection image to this shape. Options: Short (4:3), Square (1:1), Tall (5:6), Taller (2:3).
Style (dropdown, default: Card): Card shows a large image above the title. Button shows a small image next to the title, four per row on desktop, and hides Desktop layout. Options: Card, Button.
Title size (dropdown, default: Small). Options: Small, Large.
Show product count (checkbox, default: off): Shows the number of products under each collection title.
Collection list section: Custom card design
Where to find it: Collection list → Custom card design
The Collection list section uses the standard Custom card design settings, listed in General section styling.
Background (color, default: transparent).
Text (color, default: transparent).
Border (color, default: transparent).
Shadow (color, default: transparent).
Hide border (checkbox, default: off).
Hide shadow (checkbox, default: off).
Collection list section: Section design
Where to find it: Collection list → Section design
The Collection list section uses the standard Section design settings, listed in General section styling.
Background color (color, default: transparent).
Background gradient (gradient).
Heading text color (color, default: transparent): Sets the color of the text outside the cards, mostly the section heading.
Descrease top margin (checkbox, default: off): Sets the space above the section to the grid gap of Theme settings → Layout → Horizontal space, instead of the full space between sections. Shown only when Remove top margin is off.
Remove top margin (checkbox, default: off): Removes the space above the section, so it touches the section before it. Shown only when Descrease top margin is off.
Collection list section: SEO
Where to find it: Collection list → SEO
The Collection list section uses the standard SEO settings, listed in General section styling.
Heading tag (dropdown, default: H2): Sets the HTML tag of the heading for search engines. It does not change how the heading looks. Options: H1, H2, H3, H4, span.
Collection list section: Visibility
Where to find it: Collection list → Visibility
The Collection list section uses the standard Visibility settings, listed in General section styling.
Section visibility (dropdown, default: Show always): Shows the section on every screen, only below 768 px (mobile) or only from 768 px (desktop, tablets included). A hidden section is still in the page. Options: Show always, Show only on mobile, Show only on desktop.
Collection block
Where to find it: Collection list → Add block → Collection
Collection (collection picker).
Image (image): Replaces the collection image on this card only. Without it, the collection image from Shopify admin is used.