03GENERAL

Community gallery

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

Community gallery

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

Used in templates
index.json

What the theme does automatically

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

Understand the settings

Content

Create a shoppable gallery from customer or editorial photos without loading an external social-media feed.

Eyebroweyebrow
Titleheading
Introductionintroduction

Display

Set the editorial rhythm with the desktop column count and a consistent card height.

Columns on desktopcolumns_desktop
Default: 4 · Range: 2–5
Card heightcard_height
Default: 440 · Range: 280–640px

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

Available blocks

Community postpost

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

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.