Collections list page

sections/list-collections-template.liquid · section type list-collections-template

Used on templates: list-collections

Section settings

Setting	ID	Type	Default	Notes
Show title	`title_enable`	`checkbox`	`true`	—

Setting	ID	Type	Default	Notes
Hide zero-item collections	`hide_empty_collections`	`checkbox`	`true`	Hides collections that currently contain no products.

All of your collections are listed by default. To customize your list, choose 'Selected' and add collections.

Setting	ID	Type	Default	Notes
Select collections to show	`display_type`	`radio`	`all`	Options: All · Selected · Navigation menu
Menu / header navigation	`collection_menu`	`link_list`	`main-menu`	Only collection links from the selected menu are shown. Nested collection links are included in menu order.<br>Shown when `display_type == 'menu'`
Sort collections by:	`sort`	`select`	`alphabetical`	Sorting only applies when 'All' is selected<br>Options: Product count, high to low · Product count, low to high · Alphabetically, A-Z · Alphabetically, Z-A · Date, old to new · Date, new to old<br>Shown when `display_type == 'all'`

Setting	ID	Type	Default	Notes
Collections per row on desktop	`per_row`	`range`	`4`	Range 2–5, step 1
Collections per row on mobile	`per_row_mobile`	`range`	`2`	Range 1–4, step 1
Full page width	`full_width`	`checkbox`	`false`	—
Side spacing	`side_padding`	`range`	`0`	Optional left and right inset when full page width is enabled. Leave at 0 for edge-to-edge cards.<br>Range 0–60 px, step 1<br>Shown when `full_width == true`
Gap between cards	`gap_size`	`range`	`15`	Space between each collection card<br>Range 0–40 px, step 1
Top spacing	`spacing_top`	`range`	`15`	Range 0–80 px, step 1
Bottom spacing	`spacing_bottom`	`range`	`15`	Range 0–80 px, step 1

Setting	ID	Type	Default	Notes
Style	`layout_style`	`select`	`overlaid`	Options: Text overlaid on image · Text below image
Image ratio	`image_ratio`	`select`	`portrait`	Portrait recommended: export images at 1080 × 1440 px (3:4). Square: 1080 × 1080 px. Landscape: 1080 × 810 px.<br>Options: Square (1:1) · Portrait (3:4) · Landscape (4:3)
Image source	`image_source`	`select`	`collection`	Options: Collection image · First product image

Setting	ID	Type	Default	Notes
Show product count	`count_enable`	`checkbox`	`true`	Displays the number of products in the top right corner of each card.
Text after number	`count_text`	`text`	`Items`	Leave blank to show only the number.<br>Shown when `count_enable == true`
Font size	`count_font_size`	`range`	`12`	Range 9–20 px, step 1<br>Shown when `count_enable == true`
Corner radius	`count_radius`	`range`	`20`	Range 0–30 px, step 1<br>Shown when `count_enable == true`
Corner spacing	`count_offset`	`range`	`10`	Range 0–40 px, step 1<br>Shown when `count_enable == true`
Badge color	`count_background`	`color`	`#ffffff`	Shown when `count_enable == true`
Badge text color	`count_text_color`	`color`	`#000000`	Shown when `count_enable == true`

Setting	ID	Type	Default	Notes
Show collection label	`label_enable`	`checkbox`	`true`	—
Label style	`label_style`	`select`	`text`	Options: Text · Button<br>Shown when `label_enable == true`
Text alignment	`text_align`	`select`	`center`	Options: Left · Center · Right<br>Shown when `label_enable == true`
Button shape	`label_button_style`	`select`	`square`	Options: Square · Slightly round · Round · Angled<br>Shown when `label_enable == true and label_style == 'button'`
Button corner radius	`label_button_radius`	`range`	`0`	Overrides button shape radius when set above 0<br>Range 0–40 px, step 1<br>Shown when `label_enable == true and label_style == 'button'`
Button vertical padding	`label_button_padding_y`	`range`	`10`	Controls button height<br>Range 0–40 px, step 1<br>Shown when `label_enable == true and label_style == 'button'`
Button horizontal padding	`label_button_padding_x`	`range`	`22`	Range 0–60 px, step 1<br>Shown when `label_enable == true and label_style == 'button'`
Button position from bottom	`label_button_bottom_position`	`range`	`18`	0% = stick to bottom edge. Increase to move the button up inside the card (e.g. 22% for mid-lower area).<br>Range 0–45 %, step 1<br>Shown when `label_enable == true and label_style == 'button' and layout_style == 'overlaid'`
Button background	`label_button_background`	`color`	`#ffffff`

Setting	ID	Type	Default	Notes
Text position from bottom	`label_text_bottom_position`	`range`	`3`	0% = text sits flush on the bottom edge. Increase to move the text up inside the card.<br>Range 0–45 %, step 1<br>Shown when `label_enable == true and label_style == 'text' and layout_style == 'overlaid'`
Text font weight	`label_text_font_weight`	`range`	`500`	Range 300–800, step 100<br>Shown when `label_enable == true and label_style == 'text'`
Text size	`label_text_font_size`	`range`	`15`	Range 10–40 px, step 1<br>Shown when `label_enable == true and label_style == 'text'`
Text color	`title_color`	`color`	`#ffffff`	Shown when `label_enable == true and label_style == 'text'`
Overlay color	`overlay_color`	`color`	`#000000`	—
Overlay opacity	`overlay_opacity`	`range`	`25`	Range 0–100 %, step 5
Bottom shadow	`bottom_shadow_style`	`select`	`medium`	Fades a shadow into the bottom of every card, so it no longer has to be baked into the images. Uses the overlay color above.<br>Options: Off · Soft · Medium · Strong

Block type collection

Setting	ID	Type	Default	Notes
Collection	`collection`	`collection`	—	—
Title	`title`	`text`	—	Defaults to collection title
Custom image	`image`	`image_picker`	—	Portrait 3:4 recommended: 1080 × 1440 px. Overrides collection image.
Focal point	`focal_point`	`select`	`center center`	Used to keep the subject of your photo in view.<br>Options: Top left · Top center · Top right · Left · Center · Right · Bottom left · Bottom center · Bottom right