Product Video Grid

Placement and available controls for the Product Video Grid block.

Scale Theme · v1.9.3 · 2 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.
HeadingConditional: Choose a local color when the relevant custom source is enabled.
Badge textConditional: Choose a local color when the relevant custom source is enabled.
Badge iconConditional: Choose a local color when the relevant custom source is enabled.
Badge borderConditional: Choose a local color when the relevant custom source is enabled.
Badge and media backgroundConditional: Choose a local color when the relevant custom source is enabled.
Heading: Edit the text shown by this component.
Heading Tag: Choose the presentation or source that fits this component.Options: H2 · H3 · H4 · Paragraph
Heading Size: Adjust within the range offered by the theme editor.
Mobile heading size: Adjust within the range offered by the theme editor.
Heading Weight: Choose the presentation or source that fits this component.Options: Normal · Medium · Semi Bold · Bold
Heading Color: Choose a local color when the relevant custom source is enabled.
Space Below Heading: Adjust within the range offered by the theme editor.
Show Social Proof Badge: Enable or disable this option and preview the result.
Social caption style: Choose the presentation or source that fits this component.Options: Inline · Pill · Instagram outline
Social Proof Text: Edit the text shown by this component.
Icon: Choose the presentation or source that fits this component.Options: Facebook · Instagram · TikTok · YouTube · Twitter · Pinterest · Snapchat · Messenger · Custom SVG
Custom SVG Icon: Paste your SVG code here (only used when Icon is set to Custom)
Icon Size: Adjust within the range offered by the theme editor.
Text Size: Adjust within the range offered by the theme editor.
Text Weight: Choose the presentation or source that fits this component.Options: Normal · Medium · Semi Bold · Bold
Margin Top: Adjust within the range offered by the theme editor.
Vertical Padding: Adjust within the range offered by the theme editor.
Horizontal Padding: Adjust within the range offered by the theme editor.
Border Radius: Adjust within the range offered by the theme editor.
Border Width: Adjust within the range offered by the theme editor.
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.
Text Color: Choose a local color when the relevant custom source is enabled.
Icon Color: Choose a local color when the relevant custom source is enabled.
Video layout: Choose the presentation or source that fits this component.Options: Fill available width · Compact scrollable cards
Compact card widthConditional: Adjust within the range offered by the theme editor.
Space Above Videos: Adjust within the range offered by the theme editor.
Video Gap: Adjust within the range offered by the theme editor.
Video Aspect Ratio: Choose the presentation or source that fits this component.Options: Compact portrait (5:8) · Portrait (9:16) - Stories/TikTok · Portrait (4:5) - Instagram · Portrait (3:4) · Square (1:1) · Standard (4:3) · Landscape (16:9)
Border Radius: Adjust within the range offered by the theme editor.
Autoplay: Enable or disable this option and preview the result.
Loop: Enable or disable this option and preview the result.
Show Video 1: Enable or disable this option and preview the result.
Source: Choose the presentation or source that fits this component.Options: Shopify Video · External URL · Direct MP4 file
Video: Select hosted video media in your shop.
Video URL: Enter a supported video URL as indicated by the editor.
Direct MP4 URLConditional: Use a video file you own. Native controls are shown; playback starts only after customer action.
Cover image URL fallbackConditional: Optional. The cover image picker takes priority.
Cover Image: Choose an image from your shop. Preview its crop on desktop and mobile.
Alt Text: Edit the text shown by this component.
Show Video 2: Enable or disable this option and preview the result.
Source: Choose the presentation or source that fits this component.Options: Shopify Video · External URL · Direct MP4 file
Video: Select hosted video media in your shop.
Video URL: Enter a supported video URL as indicated by the editor.
Direct MP4 URLConditional: Use a video file you own. Native controls are shown; playback starts only after customer action.
Cover image URL fallbackConditional: Optional. The cover image picker takes priority.
Cover Image: Choose an image from your shop. Preview its crop on desktop and mobile.
Alt Text: Edit the text shown by this component.
Show Video 3: Enable or disable this option and preview the result.
Source: Choose the presentation or source that fits this component.Options: Shopify Video · External URL · Direct MP4 file
Video: Select hosted video media in your shop.
Video URL: Enter a supported video URL as indicated by the editor.
Direct MP4 URLConditional: Use a video file you own. Native controls are shown; playback starts only after customer action.
Cover image URL fallbackConditional: Optional. The cover image picker takes priority.
Cover Image: Choose an image from your shop. Preview its crop on desktop and mobile.
Alt Text: Edit the text shown by this component.
Show Video 4: Enable or disable this option and preview the result.
Source: Choose the presentation or source that fits this component.Options: Shopify Video · External URL · Direct MP4 file
Video: Select hosted video media in your shop.
Video URL: Enter a supported video URL as indicated by the editor.
Direct MP4 URLConditional: Use a video file you own. Native controls are shown; playback starts only after customer action.
Cover image URL fallbackConditional: Optional. The cover image picker takes priority.
Cover Image: Choose an image from your shop. Preview its crop on desktop and mobile.
Alt Text: Edit the text shown by this component.
Top Margin: Adjust within the range offered by the theme editor.
Bottom Margin: Adjust within the range offered by the theme editor.
Compact presentationConditional: Choose the presentation or source that fits this component.Options: Theme · Reference video reel
Compact progress indicatorConditional: Choose the presentation or source that fits this component.Options: Viewport size · Short sliding indicator
Reference card width (%)Conditional: Adjust within the range offered by the theme editor.
Reference tablet card width (%)Conditional: Adjust within the range offered by the theme editor.
Reference mobile card width (%)Conditional: Adjust within the range offered by the theme editor.