Product card

Placement and available controls for the Product card 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.

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

Product: Select a real product from this shop.
Vertical gap: Adjust within the range offered by the theme editor.
Inherit color scheme: Enable or disable this option and preview the result.
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
Card backgroundConditional: Choose a local color when the relevant custom source is enabled.
Card textConditional: Choose a local color when the relevant custom source is enabled.
Card borderConditional: Choose a local color when the relevant custom source is enabled.
Color schemeConditional: Choose an available Shopify color scheme.
Style: Choose the presentation or source that fits this component.Options: None · Solid
ThicknessConditional: Adjust within the range offered by the theme editor.
OpacityConditional: Adjust within the range offered by the theme editor.
Corner radius: Adjust within the range offered by the theme editor.
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.