Subscription offer
Placement and available controls for the Subscription offer block.
Where to find it
Open the parent section and use Add block where this block is offered.
Editor controls
Conditional controls appear after choosing the relevant source, style or option. Saved values may differ from new defaults.
- Label
- Edit the text shown by this component.
- Show one-time purchase
- Enable or disable this option and preview the result.
- One-time purchase titleConditional
- Edit the text shown by this component.
- Legacy one-time price overrideConditional
- Legacy compatibility only. Storefront prices are calculated automatically from the selected variant.
- Show subscribe and save
- Enable or disable this option and preview the result.
- Selected by default
- Enable or disable this option and preview the result.
- Sync prices with quantity offers
- Uses the selected bundle total and applies the selling plan discount to the subscription price.
- Manual selling plan ID
- Leave blank to use the first selling plan available for the selected product.
- Toggle accessibility label
- Edit the text shown by this component.
- Title
- Edit the text shown by this component.
- Badge
- Edit the text shown by this component.
- Subtitle
- Edit the text shown by this component.
- Legacy subscription price overrideConditional
- Legacy compatibility only. Subscription prices are calculated automatically from the selling plan.
- Legacy compare price overrideConditional
- Legacy compatibility only. Compare prices are calculated automatically from the selected variant.
- Show subscription promotional product
- Enable or disable this option and preview the result.
- Promotional product
- The theme adds this product with subscriptions. Configure an automatic discount in Shopify to make it free.
- Add promotional product to cartConditional
- Enable or disable this option and preview the result.
- Manual promotional variant IDConditional
- Optional. Leave blank to use the product's first available variant.
- Promotional product quantityConditional
- Adjust within the range offered by the theme editor.
- Promotional titleConditional
- Leave blank to use the selected product title.
- Promotional subtitleConditional
- Edit the text shown by this component.
- Promotional quantity badgeConditional
- Leave blank to use the selected quantity, for example 1x.
- Promotional price labelConditional
- Edit the text shown by this component.
- Promotional compare price overrideConditional
- Leave blank to use the selected promotional variant price.
- Show promotional product imageConditional
- Enable or disable this option and preview the result.
- Promotional border styleConditional
- Choose the presentation or source that fits this component.
- Promotional border widthConditional
- Adjust within the range offered by the theme editor.
- Promotional border radiusConditional
- Adjust within the range offered by the theme editor.
- Promotional backgroundConditional
- Choose a local color when the relevant custom source is enabled.
- Promotional borderConditional
- Choose a local color when the relevant custom source is enabled.
- Promotional textConditional
- Choose a local color when the relevant custom source is enabled.
- Promotional muted textConditional
- Choose a local color when the relevant custom source is enabled.
- Promotional badge backgroundConditional
- Choose a local color when the relevant custom source is enabled.
- Promotional badge textConditional
- Choose a local color when the relevant custom source is enabled.
- Selection circle size
- Adjust within the range offered by the theme editor.
- One-time card minimum heightConditional
- Adjust within the range offered by the theme editor.
- Title size
- Adjust within the range offered by the theme editor.
- Mobile title size
- Adjust within the range offered by the theme editor.
- Horizontal padding
- Adjust within the range offered by the theme editor.
- Vertical padding
- Adjust within the range offered by the theme editor.
- Mobile horizontal padding
- Adjust within the range offered by the theme editor.
- Mobile vertical padding
- Adjust within the range offered by the theme editor.
- Accent
- Choose a local color when the relevant custom source is enabled.
- Background
- Choose a local color when the relevant custom source is enabled.
- Text
- Choose a local color when the relevant custom source is enabled.
- Muted text
- Choose a local color when the relevant custom source is enabled.
- Icon
- Choose a local color when the relevant custom source is enabled.
- Border
- Choose a local color when the relevant custom source is enabled.
- Inactive background
- Choose a local color when the relevant custom source is enabled.
- Inactive border
- Choose a local color when the relevant custom source is enabled.
- Inactive icon
- Choose a local color when the relevant custom source is enabled.
- Inactive benefit text
- Choose a local color when the relevant custom source is enabled.
- Border width
- Adjust within the range offered by the theme editor.
- Border radius
- Adjust within the range offered by the theme editor.
- Icon sizeConditional
- Adjust within the range offered by the theme editor.
- Label sizeConditional
- Adjust within the range offered by the theme editor.
- Subtitle sizeConditional
- Adjust within the range offered by the theme editor.
- Benefit sizeConditional
- Adjust within the range offered by the theme editor.
- Price sizeConditional
- Adjust within the range offered by the theme editor.
- Top margin
- Adjust within the range offered by the theme editor.
- Bottom margin
- Adjust within the range offered by the theme editor.