List collections
Overview
List collections adds a configurable list collections experience to your Radian storefront.
Customize List collections
- From Shopify admin, go to Online Store > Themes, find Radian, and select Customize.
- Use the page selector to open the template that contains List collections.
- Select List collections in the template panel, adjust the settings, and select Save.
Section settings
LAYOUT
| Full width | Turns full width on or off. |
|---|---|
| Section layout | Choose from Page, Content, Narrow, Custom. |
COLOR
| Color scheme | Selects one of the color schemes configured in Theme settings. |
|---|
MEDIA
| Desktop Columns | Adjusts desktop columns within the available range. |
|---|---|
| Mobile Columns | Choose from 1, 2. |
| Collections per page | Adjusts collections per page within the available range. |
COLLECTION GRID
| Layout style | Choose from Minimal index, Card. |
|---|---|
| Show collection image | If no collection image is set, Shopify uses the first product's featured image. |
| Show pieces | Turns show pieces on or off. |
| Pieces label | Leave blank to use the translated label. |
| Gap | Adjusts gap within the available range. |
| Height | Choose from Adapt to media, Percent of viewport, Fixed. |
| Percent height | Adjusts percent height within the available range. |
| Fixed height | Adjusts fixed height within the available range. |
| Mobile height | Choose from Adapt to media, Percent of viewport, Fixed. |
| Mobile percent height | Adjusts mobile percent height within the available range. |
| Mobile fixed height | Adjusts mobile fixed height within the available range. |
| Hover effect | Choose from None, Expand, Scale in rotate. |
| Title position | Choose from Top left, Top center, Top right, Middle left, Middle right, Bottom left, Bottom center, Bottom right. |
| Title style | Choose from Display, Page title, Section heading, Secondary heading, Subheading, Body, Caption. |
| Gap (mobile) | Adjusts gap (mobile) within the available range. |
HEADING LAYOUT
| Heading alignment desktop | Controls heading alignment desktop. |
|---|---|
| Heading position desktop | Choose from Left, Center, Right. |
| Heading alignment mobile | Controls heading alignment mobile. |
| Heading position mobile | Choose from Left, Center, Right. |
SECTION SPACING
| Desktop and mobile spacing | Sets top and bottom spacing independently for desktop and mobile. |
|---|
Recommended setup
- Choose the section width, layout, and color scheme before fine-tuning individual content blocks.
- Configure desktop positioning first, then switch the Theme Editor preview to mobile and adjust the mobile-specific controls.
- Check links, product or collection resources, and interactive controls before publishing the theme.
Conditional settings
Settings that depend on another option appear only when that parent option is enabled. If a control is missing, check the related layout, style, or enable toggle first.