Featured video
Add it to any template with Add section, under Media.
Settings
Player
| Setting | What it does | Default |
|---|---|---|
| SourceMenu | Shopify-hosted | |
| VideoVideo | Shown when Source is Shopify-hosted. | None |
| Video linkVideo link | Paste a YouTube or Vimeo link. Both show their logo while the player loads. Shown when Source is YouTube or Vimeo. | https://www.youtube.com/watch?v=_9VUPq3SxOc |
| Poster imageImage | Shown before the video plays. Hosted videos fall back to their own thumbnail. | None |
| Alt textText | Describe the video for shoppers using a screen reader. | None |
| PlaybackMenu | Autoplay on loop plays the video muted, inside the section. | Click to play |
| LoopCheckbox | Replays the video when it ends. Autoplay on loop always repeats. Shown when Source is Shopify-hosted and Playback is Click to play. | Off |
| Autoplay onMenu | Desktop only keeps the poster image on phones to save mobile data. Shoppers can still press play. Shown when Playback is Autoplay on loop. | All devices |
| Show a sound buttonCheckbox | Lets shoppers turn on the audio. Playback always starts muted. Shown when Source is Shopify-hosted and Playback is Autoplay on loop. | Off |
Layout
| Setting | What it does | Default |
|---|---|---|
| Aspect ratioMenu | Landscape (16:9) | |
| Aspect ratio on mobileMenu | Crops the player to a different shape on phones. | Same as desktop |
| Corner radiusMenu | Shown when Width is Contained. | Large |
| Allow transparent headerCheckbox | Lets the header sit over this section when it's first on the page. Turn on Transparent over hero in the header to use it. Shown when Content placement is not Above the video. | Off |
Content
| Setting | What it does | Default |
|---|---|---|
| Content placementMenu | Below the video | |
| Text above headingText | None | |
| HeadingText | Watch our story | |
| Heading sizeMenu | Large | |
| BodyFormatted text | None | |
| Button labelText | None | |
| Button linkLink | Shown when Button label is set. | None |
| Button styleMenu | Shown when Button label is set. | Primary |
| Second button labelText | None | |
| Second button linkLink | Shown when Second button label is set. | None |
| Second button styleMenu | Shown when Second button label is set. | Outline |
| Text alignmentMenu | Shown when Content placement is Above the video or Content placement is Below the video. | Center |
| Content positionMenu | Shown when Content placement is Over the video. | Middle center |
| Content position on mobileMenu | Shown when Content placement is Over the video. | Middle |
| Text widthMenu | Shown when Content placement is Over the video. | Medium |
| Text color schemeMenu | Applies when content sits over the video. Shown when Content placement is Over the video. | Light |
| Overlay styleMenu | Shown when Content placement is Over the video. | Gradient |
| ColorColor | Leave blank to use black, or white when the text color scheme is dark. Shown when Content placement is Over the video and Overlay style is not None. | None |
| Overlay opacitySlider | Shown when Content placement is Over the video and Overlay style is not None. | 65% |
Section style
| Setting | What it does | Default |
|---|---|---|
| WidthMenu | Contained | |
| ColorMenu | Default | |
| BackgroundColor | Shown when Color is Custom. | None |
| Background gradientGradient | Shown when Color is Custom. | None |
| Text colorColor | Leave blank to auto-pick black or white for contrast. Shown when Color is Custom. | None |
| Vertical spacingMenu | Shown when Allow transparent header is off or Width is not Full width or Content placement is Above the video. | Theme default |
Setting names and defaults on this page match Pawsome 1.0.3, as they appear in the theme editor in English.