Documentation/ Sections /Collection tabs
Contact us
Install
03GENERAL

Collection tabs

This page explains how “Collection tabs” actually behaves, which data it depends on, and what its settings change.

WHAT IT DOES

Collection tabs

This page explains how “Collection tabs” actually behaves, which data it depends on, and what its settings change.

IMPLICIT BEHAVIOR

What the theme does automatically

This section only displays elements that have content. Empty elements are ignored to preserve the layout.

CONFIGURATION

Understand the settings

Content

Group several collections in one accessible section. Visitors can switch tabs without reloading the page.

Eyebroweyebrow
Titleheading
Introductionintroduction

Products

These settings apply to every tab so the grid remains visually consistent.

Number of productsproducts_to_show
Default: 4 · Range: 2–8
Columns on desktopcolumns_desktop
Default: 4 · Range: 2–5
Show vendorshow_vendor
Default: disabled
Image ratioimage_ratio
Default: portrait · Options: Portrait, Square, Natural
Show the collection linkshow_view_all
Default: enabled
Link labelview_all_label

Product cards

These controls are passed to the theme's shared product-card component so its design and behavior remain consistent everywhere.

Media uploaded by productmedia_limit
Default: 2 · Range: 1–4
Media carouselenable_media_slider
Default: disabled
Show colorsshow_color_swatches
Default: enabled
Color option namescolor_option_names
Size option namessize_option_names
Quick Addshow_quick_add
Default: enabled
Quantity selectorshow_quantity_selector
Default: disabled
Show reviewsshow_reviews
Default: enabled
Universal guideenable_size_guide
Default: enabled
Iconsize_guide_icon
Default: question · Options: Question, Measurements, Care, Materials, Gift, Sparkle, Heart, View, Check, Star, Quiz, Look, More
Show materialshow_material_badge
Default: enabled
Show low stockshow_low_stock
Default: enabled
Low stock thresholdlow_stock_threshold
Default: 4 · Range: 1–10

Action labels

Customize the shared product-card action and status labels.

Quick Addquick_add_label
Confirmconfirm_add_label
Loadingadding_label
Successadded_label
Unavailablesold_out_label
Errorerror_label

Section palette

Applies a consistent palette to the background, text, and buttons in this section.

Section appearance

Use a dedicated paletteopaline_use_color_scheme
Default: disabled
Paletteopaline_color_scheme
Default: scheme-1

Title

Alignment on desktopopaline_heading_alignment
Default: inherit · Options: Keep the design, Left, Center, Right

Spacing

Space after sectionopaline_section_spacing

Creates space between this section and the next. Mobile spacing adjusts automatically.

Default: 0 · Range: 0–160px
Left and right insetopaline_content_inset

Moves content away from the edges. Mobile spacing adjusts automatically.

Default: 0 · Range: 0–120px
COMPOSITION

Available blocks

Collection tabcollection

Add this block only when it provides useful information to the journey.

Editorial or quiz tabcontent

Add this block only when it provides useful information to the journey.

CHECKS

Before publishing

  • ✓

    Content remains readable in every color scheme.

  • ✓

    Labels match the storefront language.

  • ✓

    Displayed promotions match Shopify rules.

  • ✓

    Interactions remain accessible by keyboard and touch.