External Video Grid is a Shopify theme section in the Section Star library. Display a grid of YouTube or Vimeo videos side by side. Converts to a slideshow on mobile.
Live demo
Settings
Every setting below appears in the Shopify theme customizer once the section is published.
Grid Design
Set the display for the grid
| Setting | Type | Default |
|---|---|---|
| Grid Gap | Number | 20 |
| Mobile Display | Select (Slideshow, Stacked) | slideshow |
| Columns (when stacked) | Select (1 column, 2 columns) | 1fr |
| Slideshow Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … |
| Slideshow Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … |
| Slideshow Indicator Color | Color | #111 |
| Enable Autoplay? | Checkbox | On |
| Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 |
Video Design
Set the display for the videos
| Setting | Type | Default |
|---|---|---|
| Video Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16…) | 16 / 9 |
| Round Borders on Videos | Range | 5 |
| Subtle Shadow on Videos | Checkbox | On |
| Video Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… |
Headline
Set text for the headline
| Setting | Type | Default |
|---|---|---|
| Text Alignment | Text alignment | center |
| Mobile Text Alignment | Text alignment | center |
| Headline | Inline rich text | <b>Sample Headline</b> |
| Text | Inline rich text | Use this block to add a description. … |
| Spacing between Headline and Grid | Number | 15 |
Video block settings
| Setting | Type | Default |
|---|---|---|
| Video | Video URL | — |
How to add this section to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and search the library for “External Video Grid”.
- Click Publish, then choose a name and the theme to publish into.
- Follow the deep link into the Shopify theme customizer.
- Add the section to any page and customize it with the native theme settings.
No code is required, and the section lives in your theme as ordinary Liquid — see the full install guide.