Free Gift / Bonus Product

Placement and available controls for the Free Gift / Bonus Product block.

Scale Theme · v1.9.3 · 1 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.
Title and product nameConditional: Choose a local color when the relevant custom source is enabled.
Supporting textConditional: Choose a local color when the relevant custom source is enabled.
Free badgeConditional: Choose a local color when the relevant custom source is enabled.
Badge 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.
Title: Edit the text shown by this component.
Title Size: Adjust within the range offered by the theme editor.
Title Weight: Choose the presentation or source that fits this component.Options: Normal · Medium · Semi Bold · Bold
Title Color: Choose a local color when the relevant custom source is enabled.
Show Item Count: Enable or disable this option and preview the result.
Item Count Text: Edit the text shown by this component.
Item Count Size: Adjust within the range offered by the theme editor.
Item Count Color: Choose a local color when the relevant custom source is enabled.
Show FREE Badge: Enable or disable this option and preview the result.
Badge Text: Edit the text shown by this component.
Show Gift Icon: Enable or disable this option and preview the result.
Badge Font Size: Adjust within the range offered by the theme editor.
Badge Font Weight: Choose the presentation or source that fits this component.Options: Normal · Medium · Semi Bold · Bold
Badge Text Color: Choose a local color when the relevant custom source is enabled.
Badge Background Color: Choose a local color when the relevant custom source is enabled.
Badge Vertical Padding: Adjust within the range offered by the theme editor.
Badge Horizontal Padding: Adjust within the range offered by the theme editor.
Badge Border Radius: Adjust within the range offered by the theme editor.
Badge Icon Size: Adjust within the range offered by the theme editor.
Select Gift Product: Select a real product from this shop.
Fallback Product Name: Used if no product is selected
Image Size: Adjust within the range offered by the theme editor.
Image Border Radius: Adjust within the range offered by the theme editor.
Product Name Size: Adjust within the range offered by the theme editor.
Product Name Weight: Choose the presentation or source that fits this component.Options: Normal · Medium · Semi Bold
Product Name Color: Choose a local color when the relevant custom source is enabled.
Show Original Price: Enable or disable this option and preview the result.
Fallback Original Price: Edit the text shown by this component.
Original Price Size: Adjust within the range offered by the theme editor.
Original Price Color: Choose a local color when the relevant custom source is enabled.
FREE Price Text: Edit the text shown by this component.
FREE Price Size: Adjust within the range offered by the theme editor.
FREE Price Weight: Choose the presentation or source that fits this component.Options: Normal · Medium · Semi Bold · Bold
FREE Price Color: Choose a local color when the relevant custom source is enabled.
Background Color: Choose a local color when the relevant custom source is enabled.
Border Color: 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.
Padding: 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.