Details

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

Width: Choose the presentation or source that fits this component.Options: Fit · Fill · Custom
Custom widthConditional: Adjust within the range offered by the theme editor.
Mobile width: Choose the presentation or source that fits this component.Options: Fit · Fill · Custom
Custom widthConditional: Adjust within the range offered by the theme editor.
Height: Choose the presentation or source that fits this component.Options: Fit · Fill
PositionConditional: Choose the presentation or source that fits this component.Options: Top · Center · Bottom
Gap: Adjust within the range offered by the theme editor.
Use compact product spacing: Enable or disable this option and preview the result.
Compact block gapConditional: Adjust within the range offered by the theme editor.
Sticky on desktop: Enable or disable this option and preview the result.
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
VideoConditional: Select hosted video media in your shop.
Video positionConditional: Choose the presentation or source that fits this component.Options: Cover · Contain
ImageConditional: Choose an image from your shop. Preview its crop on desktop and mobile.
Image positionConditional: Choose the presentation or source that fits this component.Options: Cover · Fit
Borders: Choose the presentation or source that fits this component.Options: None · Solid
Border thicknessConditional: Adjust within the range offered by the theme editor.
Border 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.