Subscriptions

WHAT IT DOES

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

Used in templates

index.jsonpage.subscriptions.json

IMPLICIT BEHAVIOR

What the theme does automatically

→
This section presents offers or plans as editorial cards. It does not create a Shopify subscription contract by itself.
→
To sell a real subscription, first create a selling plan with a compatible app, assign it to the product, then add the Purchase frequency block to Main product.
→
The complete workflow is documented under General → Features → Subscriptions.

CONFIGURATION

Understand the settings

Introductory content

Present the offers with a title and accompanying text.

Titleheading_richtext

Textsubheading

Backup image

Choose the image used when an offer does not provide any visuals.

Default imagedefault_image

Layout

Set the number of offers displayed per line on desktop.

Columns on desktopdesktop_columns

Default: 3 · Options: 1, 2, 3, 4

Maximum card widthcard_max_width

Sets a real maximum width for every offer. Cards always remain centered.

Default: 480 · Range: 280–720px

Maximum grid widthgrid_max_width

Limits the complete group of cards and centers it in the section.

Default: 1440 · Range: 600–1800px

Card layoutcard_layout

Default: vertical · Options: Image above content, Image beside content

Image ratioimage_ratio

Default: 4 / 3 · Options: Square, Landscape, Portrait, Wide

Content spacingcontent_density

Default: comfortable · Options: Compact, Comfortable, Spacious

Section palette

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

Use a dedicated paletteopaline_use_color_scheme

Default: disabled

Paletteopaline_color_scheme

Default: scheme-1

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

Subscription offerplan

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.