Top Collection List
sections/top-collection-list.liquid · section type top-collection-list · max 20 blocks
Presets: Top Collection List
Section settings
Content
| Setting | ID | Type | Default | Notes |
|---|
| Heading | title | text | Top Collections | — |
| Description | description | textarea | Express your style with our standout collection—fashion meets sophistication. | Short text shown below the heading |
| Heading size | heading_size | select | h2 | Options: Small · Medium · Large |
| Section heading font weight | heading_font_weight | range | 500 | Range 300–800, step 100 |
| Heading alignment | heading_alignment | select | center | Options: Left · Center · Right |
| Show section divider | divider | checkbox | false | — |
Visibility
| Setting | ID | Type | Default | Notes |
|---|
| Show on desktop | show_on_desktop | checkbox | false | — |
| Show on mobile | show_on_mobile | checkbox | true | — |
Layout
| Setting | ID | Type | Default | Notes |
|---|
| Style | layout_style | select | circle | Options: Text overlaid on image · Text below image · Card with border · Circle thumbnails |
| Collections visible on desktop | per_row | range | 6 | How many collections show at once in the carousel<br>Range 2–6, step 1<br>Shown when layout_style != 'circle' |
Circle thumbnail size
| Setting | ID | Type | Default | Notes |
|---|
| Circle thumbnail size (desktop) | circle_size | range | 120 | Diameter of each circle image on desktop screens<br>Range 80–180 px, step 4<br>Shown when layout_style == 'circle' |
| Circle thumbnail size (mobile) | circle_size_mobile | range | 100 | Diameter of each circle image on mobile screens<br>Range 60–160 px, step 4<br>Shown when layout_style == 'circle' |
| Gap between circles | circle_gap | range | 15 | Range 0–40 px, step 1<br>Shown when layout_style == 'circle' |
Carousel
| Setting | ID | Type | Default | Notes |
|---|
| Enable carousel | carousel_enable | checkbox | true | — |
| Collections visible on mobile | per_row_mobile | range | 3 | How many collections show at once on mobile<br>Range 1–4, step 1<br>Shown when layout_style != 'circle' |
| Show arrow buttons | carousel_arrows | checkbox | false | — |
| Show arrows on mobile | carousel_arrows_mobile | checkbox | false | — |
| Infinite slide | carousel_infinite | checkbox | true | — |
| Auto-rotate carousel | carousel_autoplay | checkbox | true | — |
| Auto-rotate speed | carousel_autoplay_speed | range | 4 | Range 2–10 s, step 1<br>Shown when carousel_autoplay == true |
| Pause on hover | carousel_pause_on_hover | checkbox | true | Shown when carousel_autoplay == true |
| Gap between items | gap_size | range | 15 | Range 0–40 px, step 1<br>Shown when layout_style != 'circle' |
| Full page width | full_width | checkbox | false | — |
| Top spacing | spacing_top | range | 15 | Range 0–80 px, step 1 |
| Bottom spacing | spacing_bottom | range |
Design
| Setting | ID | Type | Default | Notes |
|---|
| Image ratio | image_ratio | select | square | Options: Square · Portrait · Landscape |
| Image source | image_source | select | product | Options: Collection image · First product image |
| Image corner radius | image_border_radius | range | 0 | Range 0–40 px, step 1 |
| Text alignment | text_align | select | center | Options: Left · Center · Right |
| Title color | title_color | color | #ffffff | — |
| Collection title font weight | title_font_weight | range | 600 | Range 300–800, step 100 |
| Overlay color | overlay_color | color | #000000 | — |
| Overlay opacity | overlay_opacity | range | 20 | Range 0–80 %, step 5 |
| Border color | border_color | color | #e8e8e1 | — |
Blocks
Collection
Block type collection
| Setting | ID | Type | Default | Notes |
|---|
| Collection | collection | collection | — | — |
| Custom title | title | text | — | Leave blank to use collection title |
| Custom image | image | image_picker | — | Overrides collection image |
| Focal point | focal_point | select | center center | Options: Top left · Top center · Top right · Center left · Center · Center right · Bottom left · Bottom center · Bottom right |
Visibility
| Setting | ID | Type | Default | Notes |
|---|
| Show on desktop | show_on_desktop | checkbox | true | — |
| Show on mobile | show_on_mobile | checkbox | true | — |