Card

Placement and available controls for the Card block.

Scale Theme · v1.9.3 · 1 min read

Where to find it

This block is used inside its supported parent. Open the parent section to edit it.

Editor controls

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

Direction: Choose the presentation or source that fits this component.Options: Vertical · Horizontal
Vertical on mobileConditional: Enable or disable this option and preview the result.
AlignmentConditional: Choose the presentation or source that fits this component.Options: Left · Center · Right · Space between
PositionConditional: Choose the presentation or source that fits this component.Options: Top · Center · Bottom
Align text baselineConditional: Enable or disable this option and preview the result.
AlignmentConditional: Choose the presentation or source that fits this component.Options: Left · Center · Right
PositionConditional: Choose the presentation or source that fits this component.Options: Top · Center · Bottom · Space between
Gap: 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.
Background media: Choose the presentation or source that fits this component.Options: None · Image · Video
ImageConditional: Choose an image from your shop. Preview its crop on desktop and mobile.
VideoConditional: Select hosted video media in your shop.
Aspect ratioConditional: Choose the presentation or source that fits this component.Options: Auto · Portrait · Square · Landscape
Media overlay: Enable or disable this option and preview the result.
Overlay colorConditional: Choose a local color when the relevant custom source is enabled.
Overlay styleConditional: Choose the presentation or source that fits this component.Options: Solid · Gradient
Gradient directionConditional: Choose the presentation or source that fits this component.Options: Up · Down
Link: Choose the destination for this link or button.
Open link in new tab: Enable or disable this option and preview the result.
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.