Video Modal is a Shopify theme section in the Section Star library. Display a modal with a beautiful video. Great for on demand content to any page.
Live demo
Settings
Every setting below appears in the Shopify theme customizer once the section is published.
Target
Add the below string to any URL to launch the modal. Please keep the #.
| Setting | Type | Default |
|---|---|---|
| Target | Text | #video-modal |
Colors
Set colors for the section.
| Setting | Type | Default |
|---|---|---|
| Background Color | Color or gradient | linear-gradient(164deg, #FFF 0%, #FFF… |
Dimensions
Set the section dimensions in pixels.
| Setting | Type | Default |
|---|---|---|
| Padding Top | Number | 0 |
| Padding Bottom | Number | 0 |
| Padding Left | Number | 0 |
| Padding Right | Number | 0 |
Video
Setup the video
| Setting | Type | Default |
|---|---|---|
| Video Orientation | Select (Portrait, Landscape) | portrait |
| Video | Video | — |
| Play Inline | Checkbox | On |
| Autoplay | Checkbox | Off |
| Loop Video | Checkbox | On |
| Show Video Controls | Checkbox | Off |
| Mute Video | Checkbox | Off |
| Show Big Play Button | Checkbox | On |
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 “Video Modal”.
- 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.