Slideshow
Overview
Slideshow rotates Image and Loop video slides with per-slide content, color schemes, positioning, and cursor controls.
Add the section
- From Shopify admin, go to Online Store > Themes, find Radian, and select Customize.
- Use the page selector at the top of the Theme Editor to open the required template.
- In the template panel, select Add section, choose Slideshow, and select Save.
Section settings
LAYOUT
| Full width | Turns full width on or off. |
|---|---|
| Section layout | Choose from Page, Content, Narrow, Custom. |
COLOR
| Color scheme | Selects one of the color schemes configured in Theme settings. |
|---|
SLIDESHOW LAYOUT
| Image width | Adjusts image width within the available range. |
|---|---|
| Direction | Choose from Vertical, Horizontal. |
| Pagination position | Choose from Right top, Right center, Right bottom, Left top, Left center, Left bottom. |
| Pagination position | Choose from Left, Center, Right. |
| Height | Choose from Adapt to media, Percent of viewport, Fixed. |
| Percent height | Adjusts percent height within the available range. |
| Fixed height | Adjusts fixed height within the available range. |
| Mobile height | Choose from Adapt to media, Percent of viewport, Fixed. |
| Mobile percent height | Adjusts mobile percent height within the available range. |
| Mobile fixed height | Adjusts mobile fixed height within the available range. |
| Autoplay slideshow | Turns autoplay slideshow on or off. |
| Change slides every | Adjusts change slides every within the available range. |
| Transition speed | Adjusts transition speed within the available range. |
CURSOR
| Enable cursor | Turns enable cursor on or off. |
|---|---|
| Cursor background | Turns cursor background on or off. |
| Shape | Choose from Circle, Square. |
| Border thickness | Adjusts border thickness within the available range. |
| Enable cursor animation | Turns enable cursor animation on or off. |
STICKY OVERLAP
| Sticky overlap | Turns sticky overlap on or off. |
|---|---|
| Sticky overlap on mobile | Turns sticky overlap on mobile on or off. |
| Sticky overlap animation | Choose from None, Scale, Fade, Fade + scale, Blur, Blur + scale. |
SECTION SPACING
| Desktop and mobile spacing | Sets top and bottom spacing independently for desktop and mobile. |
|---|
Add and arrange blocks
Select Add block to include the content required by the section. Drag blocks in the Theme Editor to change their storefront order.
AVAILABLE BLOCKS
| Image | Adds and configures image content in this section. |
|---|---|
| Loop video | Adds and configures loop video content in this section. |
Recommended setup
- Choose the section width, layout, and color scheme before fine-tuning individual content blocks.
- Configure desktop positioning first, then switch the Theme Editor preview to mobile and adjust the mobile-specific controls.
- Check links, product or collection resources, and interactive controls before publishing the theme.
Conditional settings
Settings that depend on another option appear only when that parent option is enabled. If a control is missing, check the related layout, style, or enable toggle first.