Skip to content

Slideshow

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

Settings

Layout

SettingWhat it doesDefault
Slide heightMenu

Every slide shares one frame, so height is set here rather than per slide.

Options: Small, Medium, Large, Full screen, Adapt to first image.

Medium
Slide height on mobileMenu

Options: Same as desktop, Small, Medium, Large, Full screen.

Shown when Slide height is not Adapt to first image.

Same as desktop
Corner radiusMenu

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

Shown when Width is not Full width.

Large
Transition effectMenu

Options: Fade, Slide, Zoom.

Fade
Heading animationMenu

Plays as each slide becomes active.

Options: None, Fade up, Rise by line.

Rise by line
Slowly zoom the active imageCheckboxOff

Autoplay

SettingWhat it doesDefault
Rotate automaticallyCheckboxOff
Change slides everySlider

From 3s to 10s, in steps of 0.5s.

Shown when Rotate automatically is on.

5s
Show pause buttonCheckbox

When off, the slides hold on hover or keyboard focus and keep rotating after a shopper changes the slide.

Shown when Rotate automatically is on.

Off

Navigation

SettingWhat it doesDefault
Loop slidesCheckbox

Lets the last slide wrap around to the first.

On
Show arrowsCheckbox

Shown when Pagination is Dots or Pagination is Progress bars.

On
PaginationMenu

Options: Dots, Progress bars, Counter, Numbers, None.

Dots
Pagination positionMenu

Below the image applies to every pagination style.

Options: Top of the image, Bottom of the image, Below the image.

Shown when Pagination is not None.

Bottom of the image
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.

Off

Section style

SettingWhat it doesDefault
WidthMenu

Options: Contained, Full width.

Full width
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.

Shown when Allow transparent header is off or Width is not Full width.

None

Blocks

The section holds up to 10 blocks.

Slide

Media

SettingWhat it doesDefault
Media typeMenu

Options: Image, Video.

Image
ImageImage

Shown when Media type is Image.

None
Mobile imageImage

Shown on phones. Leave blank to use the main image.

Shown when Media type is Image.

None
VideoVideo

Plays muted on a loop behind the content. Shoppers who reduce motion see the poster frame.

Shown when Media type is Video.

None

Text

SettingWhat it doesDefault
Text above headingTextNone
HeadingTextSlide heading
Heading sizeMenu

Options: Small, Medium, Large, Extra large.

Large
SubheadingFormatted textNone
Button labelTextNone
Button linkLink

Shown when Button label is set.

None
Button styleMenu

Options: Primary, Contrast, Outline.

Shown when Button label is set.

Primary
Second button labelTextNone
Second button linkLink

Shown when Second button label is set.

None
Second button styleMenu

Options: Text link, Contrast, Outline.

Shown when Second button label is set.

Text link
Slide linkLink

Makes the whole slide clickable. Available when the slide has no buttons.

Shown when Button label is empty and Second button label is empty.

None

Layout

SettingWhat it doesDefault
Content layoutMenu

Options: Card over image, Text over image, Text below image, Text beside image.

Card over image
Image positionMenu

Options: Left, Right.

Shown when Content layout is Text beside image.

Left
Content positionMenu

Text below image and text beside image use only the horizontal alignment.

Options: Top left, Top center, Top right, Middle left, Middle center, Middle right, Bottom left, Bottom center, Bottom right.

Bottom left
Content position on mobileMenu

Options: Top, Middle, Bottom.

Shown when Content layout is Card over image or Content layout is Text over image.

Middle
Text widthMenu

Options: Small, Medium, Large, Full.

Medium
BackgroundColor

Shown when Width is not Full width.

None
Background gradientGradient

Shown when Width is not Full width.

None
Text colorColor

Shown when Width is not Full width.

None

Overlay

SettingWhat it doesDefault
Overlay styleMenu

The gradient fades away from the text, so the rest of the image stays clear.

Options: None, Solid, Gradient.

Gradient
ColorColor

Leave blank to use black, or white when the text color scheme is dark.

Shown when Overlay style is not None.

None
Overlay opacitySlider

From 0% to 100%, in steps of 5%.

Shown when Overlay style is not None.

65%
Text color schemeMenu

Applies when content sits over the image.

Options: Automatic, Light, Dark.

Automatic

Setting names and defaults on this page match Pawsome 1.0.3, as they appear in the theme editor in English.