Collection Products Tabs
sections/top-products-tab.liquid · section type top-products-tab · max 12 blocks
Presets: Collection Products Tabs
Section settings
Content
| Setting | ID | Type | Default | Notes |
|---|---|---|---|---|
| Heading | title | text | — | — |
| Description | description | textarea | — | Short text shown below the heading |
| Heading size | heading_size | select | h2 | Options: Small · Medium · Large |
| Heading alignment | heading_alignment | select | center | Options: Left · Center · Right |
| Show section divider | divider | checkbox | false | — |
Products
| Setting | ID | Type | Default | Notes |
|---|---|---|---|---|
| Products per tab | products_limit | range | 24 | Maximum 24 products shown per collection tab<br>Range 4–24, step 1 |
| Products visible on desktop | per_row | range | 4 | How many products show at once in the carousel<br>Range 2–6, step 1 |
Carousel
| Setting | ID | Type | Default | Notes |
|---|---|---|---|---|
| Enable carousel | carousel_enable | checkbox | true | — |
| Products visible on mobile | per_row_mobile | range | 2 | How many products show at once on mobile<br>Range 1–4, step 1 |
| 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 | 5 | Range 0–40 px, step 1 |
| Full page width | full_width | checkbox | true | — |
| Side spacing | side_padding | range | 0 | Optional left and right inset when full page width is enabled. Leave at 0 for edge-to-edge products.<br>Range 0–60 px, step 1<br>Shown when full_width == true |
| Top spacing | spacing_top | range | 15 | Range 0–80 px, step 1 |
| Bottom spacing |
Tabs
| Setting | ID | Type | Default | Notes |
|---|---|---|---|---|
| Tab style | tab_style | select | text | Options: Button · Text |
| Tab text color | tab_color | color | #000000 | — |
| Active tab text color | tab_active_color | color | #902020 | — |
| Tab border and fill color | tab_border_color | color | #000000 | Shown when tab_style == 'button' |
Blocks
Collection tab
Block type collection_tab
| Setting | ID | Type | Default | Notes |
|---|---|---|---|---|
| Collection | collection | collection | — | — |
| Tab label | tab_title | text | — | Leave blank to use collection title |