Recommended products

Placement and available controls for the Recommended products 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.

Usage notes

Displays recommendations based on parent product

Complementary products must be set up using the Search & Discovery app. [Learn more](https://help.shopify.com/manual/online-store/search-and-discovery)

Editor controls

Conditional controls appear after choosing the relevant source, style or option. Saved values may differ from new defaults.

Color sourceConditional: Theme colors use Color DNA, Color scheme uses a shared Shopify preset, and Custom affects only this block.Options: Theme colors · Color scheme · Custom
BackgroundConditional: Choose a local color when the relevant custom source is enabled.
Text and cardsConditional: Choose a local color when the relevant custom source is enabled.
BordersConditional: Choose a local color when the relevant custom source is enabled.
Type: Choose the presentation or source that fits this component.Options: Related · Complementary
Style: Choose the presentation or source that fits this component.Options: Grid · Carousel
Carousel on mobileConditional: Enable or disable this option and preview the result.
Product count: Adjust within the range offered by the theme editor.
Horizontal gapConditional: Adjust within the range offered by the theme editor.
Vertical gapConditional: Adjust within the range offered by the theme editor.
IconConditional: Choose the presentation or source that fits this component.Options: Arrows · Chevrons · Large arrows · Large chevrons · None
Icon backgroundConditional: Choose the presentation or source that fits this component.Options: None · Circle · Square
Gap: Adjust within the range offered by the theme editor.
Corner radius: Adjust within the range offered by the theme editor.
Inherit color scheme: Enable or disable this option and preview the result.
Color schemeConditional: Choose an available Shopify color scheme.
Top: Adjust within the range offered by the theme editor.
Bottom: Adjust within the range offered by the theme editor.
Left: Adjust within the range offered by the theme editor.
Right: Adjust within the range offered by the theme editor.