Showcase slider block

A slider of large slides. Each slide has a running line of text, an image with text above and below it, and a button; customers switch slides with the pagination tabs. The block holds Showcase slide blocks: add one per slide with Add block inside the slider.

Slideshow

Setting	Description
Slide effect	Transition between slides: Slide or Fade. Default: Fade.
Transition speed	Duration of the transition between slides. Range: 0.2–2 s, step 0.1. Default: 0.6 s.
Autoplay	Switches slides automatically. Default: On.
Autoplay delay	Time each slide stays on screen before switching. Available only when Autoplay is on. Range: 2–15 s, step 0.5. Default: 5 s.
Pause autoplay on hover	Pauses autoplay while the pointer is over the slider. Available only when Autoplay is on. Default: On.

Pagination

Setting	Description
Show pagination	Shows the pagination tabs under the slider. Default: On.
Pagination spacing	Space between the slide and the pagination tabs on desktop. Available only when pagination is shown. Range: 0–120 px, step 2. Default: 64 px.
Pagination spacing mobile	The same space on mobile. Available only when pagination is shown. Range: 0–120 px, step 2. Default: 32 px.

Slider padding

Setting	Description
Top, Bottom, Left, Right	Space around the slider on desktop. Range: 0–100 px, step 1. Default: 0 px.
Top mobile, Bottom mobile, Left mobile, Right mobile	Space around the slider on mobile. Range: 0–100 px, step 1. Default: 0 px.

Showcase slide: general

Setting	Description
Color scheme	Color scheme of the slide. Schemes are managed in Theme settings → Colors. Default: Scheme 1.

Showcase slide: pagination tab

Setting	Description
Tab label	Name shown on the slide’s pagination tab. Default: Controller.
Tab icon	Optional icon shown in the tab.
Match icon to text color	Recolors a single-color icon (SVG or transparent PNG) to follow the tab state. Turn it off for multicolor icons. Default: On.
Tab icon dark mode	Tab icon used in dark mode. If not selected, the light mode image is used. Available only when dark mode is enabled in Theme settings, a tab icon is selected and Match icon to text color is off.

Showcase slide: scrolling text

Setting	Description
Scrolling text	Text that runs in a loop behind the image. Supports inline formatting. Default: Controller.
Preset	Typography preset: Hero, H1–H6, Subheading, Caption, Large text, Paragraph, Small text or Custom. Presets are edited in Theme settings → Typography. Default: Custom.
Custom font size	Font size on desktop. Available only with the Custom preset. Range: 20–240 px, step 4. Default: 196 px.
Custom font size mobile	Font size on mobile. Available only with the Custom preset. Range: 12–120 px, step 2. Default: 80 px.
Font	Font family: Heading large, Heading small, Body or Accent. Default: Heading large.
Color	Text color: Heading, Text or Accent. Default: Accent.
Text style	Letter case: Normal, Uppercase or Lowercase. Default: Uppercase.
Marquee speed	Time the text needs to complete one loop. Higher values scroll slower. Range: 10–60 s, step 2. Default: 24 s.
Item spacing	Space between repeats of the text on desktop. Range: 10–200 px, step 2. Default: 80 px.
Item spacing mobile	Space between repeats of the text on mobile. Range: 10–200 px, step 2. Default: 30 px.
Show lines	Shows decorative lines around the scrolling text. Default: On.

Showcase slide: text above image

Setting	Description
Text	Text shown above the image. Supports rich text formatting. Leave empty to hide it.
Preset	Typography preset: Default, Hero, H1–H6, Subheading, Caption, Large text, Paragraph, Small text or Custom. Default: Default.
Custom font size	Font size on desktop. Available only with the Custom preset. Range: 8–160 px, step 2. Default: 20 px.
Custom font size mobile	Font size on mobile. Available only with the Custom preset. Range: 8–120 px, step 2. Default: 16 px.
Font	Font family: Heading large, Heading small, Body or Accent. Not available with the Default preset. Default: Body.
Color	Text color: Heading, Text or Accent. Not available with the Default preset. Default: Text.
Text style	Letter case: Normal, Uppercase or Lowercase. Not available with the Default preset. Default: Normal.

Showcase slide: image

Setting	Description
Image	Main image of the slide.
Image mobile	Optional image for mobile. If not selected, the desktop image is used.
Image width	Width of the image on desktop as a share of the slide width. Range: 10–100 %. Default: 42 %.
Image width mobile	Width of the image on mobile. Range: 10–100 %. Default: 80 %.

Showcase slide: text below image

Setting	Description
Text	Text shown below the image. Supports rich text formatting. Leave empty to hide it.
Preset	Typography preset: Default, Hero, H1–H6, Subheading, Caption, Large text, Paragraph, Small text or Custom. Default: Default.
Custom font size	Font size on desktop. Available only with the Custom preset. Range: 8–160 px, step 2. Default: 20 px.
Custom font size mobile	Font size on mobile. Available only with the Custom preset. Range: 8–120 px, step 2. Default: 16 px.
Font	Font family: Heading large, Heading small, Body or Accent. Not available with the Default preset. Default: Body.
Color	Text color: Heading, Text or Accent. Not available with the Default preset. Default: Text.
Text style	Letter case: Normal, Uppercase or Lowercase. Not available with the Default preset. Default: Normal.

Showcase slide: button

Setting	Description
Button label	Text on the button. Default: Shop controllers.
Button link	Page the button leads to.
Button style	Primary, Secondary, Outline or Inline. Button styles are edited in Theme settings → Buttons. Default: Primary.
Button icon	Icon next to the label: None, Dot, Square, Triangle, Arrow, Caret or Carets. Default: Carets.
Button icon position	Places the icon to the left or right of the label. Available only when an icon is selected. Default: Right.

Showcase slide: layout and padding

Setting	Description
Content spacing	Space between the text, image and button on desktop. Range: 0–100 px, step 2. Default: 24 px.
Content spacing mobile	The same space on mobile. Range: 0–100 px, step 2. Default: 16 px.
Top, Bottom, Left, Right	Space around the slide content on desktop. Range: 0–100 px, step 1. Default: 0 px.
Top mobile, Bottom mobile, Left mobile, Right mobile	Space around the slide content on mobile. Range: 0–100 px, step 1. Default: 0 px.