Slideshow
Add it to any template with Add section, under Banners.
Settings
Layout
| Setting | What it does | Default |
|---|---|---|
| Slide heightMenu | Every slide shares one frame, so height is set here rather than per slide. | Medium |
| Slide height on mobileMenu | Shown when Slide height is not Adapt to first image. | Same as desktop |
| Corner radiusMenu | Shown when Width is not Full width. | Large |
| Transition effectMenu | Fade | |
| Heading animationMenu | Plays as each slide becomes active. | Rise by line |
| Slowly zoom the active imageCheckbox | Off |
Autoplay
| Setting | What it does | Default |
|---|---|---|
| Rotate automaticallyCheckbox | Off | |
| Change slides everySlider | 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
| Setting | What it does | Default |
|---|---|---|
| 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 | Dots | |
| Pagination positionMenu | Below the image applies to every pagination style. 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
| Setting | What it does | Default |
|---|---|---|
| WidthMenu | Full width | |
| 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. | None |
Blocks
The section holds up to 10 blocks.
Slide
Media
| Setting | What it does | Default |
|---|---|---|
| Media typeMenu | 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
| Setting | What it does | Default |
|---|---|---|
| Text above headingText | None | |
| HeadingText | Slide heading | |
| Heading sizeMenu | Large | |
| SubheadingFormatted 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. | 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
| Setting | What it does | Default |
|---|---|---|
| Content layoutMenu | Card over image | |
| Image positionMenu | Shown when Content layout is Text beside image. | Left |
| Content positionMenu | Text below image and text beside image use only the horizontal alignment. | Bottom left |
| Content position on mobileMenu | Shown when Content layout is Card over image or Content layout is Text over image. | Middle |
| Text widthMenu | 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
| Setting | What it does | Default |
|---|---|---|
| Overlay styleMenu | The gradient fades away from the text, so the rest of the image stays clear. | 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 | Shown when Overlay style is not None. | 65% |
| Text color schemeMenu | Applies when content sits over the image. | Automatic |
Setting names and defaults on this page match Pawsome 1.0.3, as they appear in the theme editor in English.