Media with text
Add it to any template with Add section, under Storytelling.
Settings
Media
| Setting | What it does | Default |
|---|---|---|
| Media typeMenu | Image | |
| ImageImage | Shown when Media type is Image. | None |
| VideoVideo | Shown when Media type is Video. | None |
| Video linkVideo link | Paste a YouTube or Vimeo link. Both show their logo while the player loads. Shown when Media type is External video. | None |
| Video posterImage | Falls back to the video's own first frame. Shown when Media type is not Image. | None |
| Alt textText | Describe the video for shoppers using a screen reader. Shown when Media type is not Image. | None |
| PlaybackMenu | Autoplay loops are muted and start only when the panel comes into view. Shown when Media type is not Image. | Click to play |
| LoopCheckbox | Replays the video when it ends. Autoplay on loop always repeats. Shown when Media type is Video 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 Media type is not Image and Playback is Autoplay on loop. | All devices |
| Show a sound buttonCheckbox | Lets shoppers turn on the audio. Playback always starts muted. Shown when Media type is Video and Playback is Autoplay on loop. | Off |
| Media motionMenu | Plays as the section scrolls past. Stays still when the animation style is None. | None |
Layout
| Setting | What it does | Default |
|---|---|---|
| Media positionMenu | Left | |
| Mobile orderMenu | Media first | |
| Media widthMenu | Balanced | |
| Aspect ratioMenu | Wide (16:9) | |
| Aspect ratio on mobileMenu | Crops the media to a different shape on phones, keeping an image's focal point in view. Shown when Aspect ratio is not Fill the row. | Same as desktop |
| GapMenu | None joins the media and the content panel into one tile. | Medium |
| Corner radiusMenu | Large | |
| Extend media to edgeCheckbox | Runs the media to the edge of the window on desktop. Only available when the width is Contained. Shown when Width is Contained. | Off |
Content
| Setting | What it does | Default |
|---|---|---|
| Content panelMenu | Paints a background behind the content column. | None |
| PaddingMenu | Shown when Content panel is not None. | Medium |
| Space between blocksMenu | Medium | |
| AlignmentMenu | Left | |
| Vertical alignmentMenu | Middle |
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 | Theme default |
Other blocks you can add
Setting names and defaults on this page match Pawsome 1.0.3, as they appear in the theme editor in English.