Slideshow

Supported blocks

• _slide_image
• _slide_video
• _slide_model
• _slide_split

Settings

Setting	ID	Type	Default	Description
Height mode (desktop)	height_mode	select	auto	Fixed keeps every slide at the same height so slides never jump. Media then scales inside the slide area regardless of its own ratio.
Height mode (mobile)	mobile_height_mode	select	auto
Height unit	fixed_height_unit	select	px	Applies to both desktop and mobile values. px = always the same height. vh = percentage of the browser window height (e.g. 80 vh ≈ 80% of the visible screen), so the banner scales with the window.
Fixed height (desktop)	fixed_height	number	520
Fixed height (mobile)	fixed_height_mob	number	400
Autoplay	autoplay	checkbox	true
Autoplay speed (seconds)	autoplay_speed	range	5
Show arrows	show_arrows	checkbox	true
Arrow size (px)	arrows_size	range	44
Arrow shape	arrows_shape	select	rounded-full
Arrow background	arrows_bg	color	#ffffff
Arrow icon color	arrows_color	color	#111827
Arrow edge offset (px)	arrows_offset	range	16
Show dots	show_dots	checkbox	true
Dots position	dots_position	select	bottom
Dots size (px)	dots_size	range	24
Dots spacing (px)	dots_gap	range	8
Active dot color	dots_color_active	color	#ffffff
Inactive dot color	dots_color_inactive	color	#ffffff
Dots shape	dots_shape	select	rounded-full
Active dot border color	border_color	color	#000000
Active dot border width	border_width	range	0	Border around the active dot. 0 = no border.
Active dot border offset (px)	border_offset	range	2	Distance between the border and the dot. 0 = border hugs the dot.
Show progress bar	show_progress	checkbox	true
Progress bar position	progress_position	select	bottom
Progress bar height (px)	progress_height	range	4
Progress bar color	progress_color	color_background	linear-gradient(90deg, #667eea 0%, #764ba2 100%)

Option values

• Height mode (desktop) (height_mode): Auto (follow content) (auto), Fixed height (fixed)
• Height mode (mobile) (mobile_height_mode): Auto (follow content) (auto), Fixed height (fixed)
• Height unit (fixed_height_unit): px (px), vh (vh)
• Arrow shape (arrows_shape): Square (rounded-none), Rounded small (rounded-md), Rounded medium (rounded-xl), Rounded large (rounded-2xl), Rounded extra large (rounded-3xl), Squircle (rounded-squircle), Circle (rounded-circle), Pill (rounded-full), Rounded top (rounded-top), Rounded bottom (rounded-bottom), Single corner (rounded-corner), Diagonal corners (rounded-diagonal), Arch (rounded-arch), Dome (rounded-dome), Cylinder (rounded-cylinder), Barrel (rounded-barrel), Leaf pointed (rounded-leaf-point), Leaf (rounded-leaf), Lens (rounded-lens), Petal (rounded-petal), Egg (rounded-egg), Egg inverted (rounded-egg-inverted), Shield (rounded-shield), Drop (rounded-drop), Diamond (rounded-diamond), Blob (rounded-blob), Amoeba (rounded-amoeba), Flower (rounded-flower), Mountain (rounded-mountain), Pebble (rounded-pebble), Bean (rounded-bean), Cloud (rounded-cloud)
• Dots position (dots_position): Bottom (bottom), Top (top)
• Dots shape (dots_shape): Square (rounded-none), Rounded small (rounded-md), Rounded medium (rounded-xl), Rounded large (rounded-2xl), Rounded extra large (rounded-3xl), Squircle (rounded-squircle), Circle (rounded-circle), Pill (rounded-full), Rounded top (rounded-top), Rounded bottom (rounded-bottom), Single corner (rounded-corner), Diagonal corners (rounded-diagonal), Arch (rounded-arch), Dome (rounded-dome), Cylinder (rounded-cylinder), Barrel (rounded-barrel), Leaf pointed (rounded-leaf-point), Leaf (rounded-leaf), Lens (rounded-lens), Petal (rounded-petal), Egg (rounded-egg), Egg inverted (rounded-egg-inverted), Shield (rounded-shield), Drop (rounded-drop), Diamond (rounded-diamond), Blob (rounded-blob), Amoeba (rounded-amoeba), Flower (rounded-flower), Mountain (rounded-mountain), Pebble (rounded-pebble), Bean (rounded-bean), Cloud (rounded-cloud)
• Progress bar position (progress_position): Top (top), Bottom (bottom)

Presets

• Slideshow

💡 Edit via Shopify Admin → Online Store → Themes → Customize.