Skip to content

Media with text

Add it to any template with Add section, under Storytelling.

Settings

Media

SettingWhat it doesDefault
Media typeMenu

Options: Image, Video, External video.

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.

Options: Autoplay on loop, Click to play.

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.

Options: All devices, Desktop only.

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.

Options: None, Zoom, Parallax.

None

Layout

SettingWhat it doesDefault
Media positionMenu

Options: Left, Right.

Left
Mobile orderMenu

Options: Media first, Text first.

Media first
Media widthMenu

Options: One third, Narrow, Balanced, Wide, Two thirds.

Balanced
Aspect ratioMenu

Options: Adapt to image, Square (1:1), Portrait (4:5), Landscape (4:3), Wide (16:9), Cinematic (21:9), Fill the row.

Wide (16:9)
Aspect ratio on mobileMenu

Crops the media to a different shape on phones, keeping an image's focal point in view.

Options: Same as desktop, Square (1:1), Portrait (4:5), Landscape (4:3), Wide (16:9).

Shown when Aspect ratio is not Fill the row.

Same as desktop
GapMenu

None joins the media and the content panel into one tile.

Options: None (joined), Small, Medium, Large.

Medium
Corner radiusMenu

Options: None, Small, Medium, Large, Extra large.

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

SettingWhat it doesDefault
Content panelMenu

Paints a background behind the content column.

Options: None, Card, Muted, Primary, Accent.

None
PaddingMenu

Options: None, Small, Medium, Large.

Shown when Content panel is not None.

Medium
Space between blocksMenu

Options: Small, Medium, Large.

Medium
AlignmentMenu

Options: Left, Center, Right.

Left
Vertical alignmentMenu

Options: Top, Middle, Bottom.

Middle

Section style

SettingWhat it doesDefault
WidthMenu

Options: Contained, Full width.

Contained
ColorMenu

Options: Default, Muted, Primary, Accent, Custom.

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

Options: Theme default, None, Small, Medium, Large.

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.