Free / Conditional gift

Placement and available controls for the Free / Conditional gift block.

Scale Theme · v1.9.3 · 2 min read

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.

Color source: Theme colors use Color DNA, Color scheme uses a shared Shopify preset, and Custom affects only this block.Options: Theme colors · Color scheme · Custom
Color schemeConditional: Choose an available Shopify color scheme.
TitleConditional: Choose a local color when the relevant custom source is enabled.
TextConditional: Choose a local color when the relevant custom source is enabled.
Progress and actionConditional: Choose a local color when the relevant custom source is enabled.
Accent textConditional: Choose a local color when the relevant custom source is enabled.
BorderConditional: Choose a local color when the relevant custom source is enabled.
BackgroundConditional: Choose a local color when the relevant custom source is enabled.
Display: 'Globally' shows on every page. 'Specific products' restricts to handles configured below.Options: Globally · Specific products
Products to display the block onConditional: Handles split by comma. Example: first-handle,second-handle
Accent color: Choose a local color when the relevant custom source is enabled.
Product: Select a real product from this shop.
Featured image: If empty, the product's image is used.
Product description: Edit the formatted text for this component.
Base the unlock requirement on: Subtotal uses cart total price. Quantity counts items NOT tagged with 'cart-hidden'.Options: Cart subtotal price · Cart quantity
Unlock requirement: Required cart subtotal/quantity to unlock the gift. 0 = always unlocked.
Progress text: Use [amount] to display the remaining amount/quantity.
Unlocked text: Edit the text shown by this component.
Mobile progress text size: Adjust within the range offered by the theme editor.
Desktop progress text size: Adjust within the range offered by the theme editor.
Show progress bar: Enable or disable this option and preview the result.
Show image locked overlay: Enable or disable this option and preview the result.
Show product image: Enable or disable this option and preview the result.
Image size: Choose the presentation or source that fits this component.Options: Small · Medium · Large
Image corner radius: Adjust within the range offered by the theme editor.
Product title font size: Choose the presentation or source that fits this component.Options: Small · Medium · Large
Description font size: Choose the presentation or source that fits this component.Options: Small · Medium · Large
Price position: Choose the presentation or source that fits this component.Options: Separate · Inline
Regular price content: Choose the presentation or source that fits this component.Options: Regular price · Text
Regular price textConditional: Shown instead of the price (e.g. $0.00) when 'Regular price content' is set to 'Text'.
Price font size: Choose the presentation or source that fits this component.Options: Small · Medium · Large
Hide compare price: Enable or disable this option and preview the result.
Show variant picker: Enable or disable this option and preview the result.
Button style: Primary, Secondary and Tertiary inherit from Theme Settings > Buttons. Custom uses the local controls below.Options: Primary · Secondary · Tertiary · Custom
Add button text: Edit the text shown by this component.
Added confirmation text: Edit the text shown by this component.
Button backgroundConditional: Choose a local color when the relevant custom source is enabled.
Button textConditional: Choose a local color when the relevant custom source is enabled.
Button borderConditional: Choose a local color when the relevant custom source is enabled.
Hover backgroundConditional: Choose a local color when the relevant custom source is enabled.
Hover textConditional: Choose a local color when the relevant custom source is enabled.
Hover borderConditional: Choose a local color when the relevant custom source is enabled.
Shadow colorConditional: Choose a local color when the relevant custom source is enabled.
Button border widthConditional: Adjust within the range offered by the theme editor.
Button border radiusConditional: Adjust within the range offered by the theme editor.
Corner radius: Adjust within the range offered by the theme editor.
Show drop shadow: Enable or disable this option and preview the result.
Show border: Enable or disable this option and preview the result.
Locked border colorConditional: Choose a local color when the relevant custom source is enabled.
Unlocked border colorConditional: Choose a local color when the relevant custom source is enabled.
Border thicknessConditional: Choose the presentation or source that fits this component.Options: Thin · Normal
Show custom background: Enable or disable this option and preview the result.
Locked background colorConditional: Choose a local color when the relevant custom source is enabled.
Unlocked background colorConditional: Choose a local color when the relevant custom source is enabled.
Top margin: Adjust within the range offered by the theme editor.
Bottom margin: Adjust within the range offered by the theme editor.