Classic Slider — Slide Transition
Classic hero slider where slides move side to side.
Best forHome page banners with 2–4 offers.
Where to place itTop of the home page.
How to use: add the Slider / Hero block and choose classic · slide in its style settings
What you can customize in this widget
ColorsArrow color, Arrow background, Dot color, Progress color, Overlay color, Eyebrow color, Eyebrow background, Title color, Subtitle color, Box background, Button color, Button background, Button color h, Button background h, Vp background, Box border color
Font & text sizeArrow size, Dot size, Eyebrow size, Title size, Subtitle size, Button size
Size & spacingHeight mode, Min height, Height, Sl radius, Content width, Arrow offset, Dot offset, Gap, Box radius, Box margin, Box background size
Layout & styleTemplate, Arrow style, Dot style, Dots position, Eyebrow style, Box style, Button shape, Overlay style
Animation & effectsContent animation, Effect, Speed, Autoplay, Autoplay speed, Pause on hover, Loop, Box blur
Show / hide optionsKenburns, Use gallery, Progress, Drag, Keyboard, Full bleed, Arrows, Arrows hide mob, Dots, On, Orig
Text, images & linksKenburns dir, Kenburns time, Slides, Title tag, Ratio, Ratio mobile, Image fit, Image position, Content padding, Dot active, Box padding, Overlay amount, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Spotlight Slider — Fade Transition
Each slide focuses on one product and fades in.
Best forFeaturing your top products one by one.
Where to place itHome page hero.
How to use: add the Slider / Hero block and choose spotlight · fade in its style settings
What you can customize in this widget
ColorsArrow color, Arrow background, Dot color, Progress color, Overlay color, Eyebrow color, Eyebrow background, Title color, Subtitle color, Box background, Button color, Button background, Button color h, Button background h, Vp background, Box border color
Font & text sizeArrow size, Dot size, Eyebrow size, Title size, Subtitle size, Button size
Size & spacingHeight mode, Min height, Height, Sl radius, Content width, Arrow offset, Dot offset, Gap, Box radius, Box margin, Box background size
Layout & styleTemplate, Arrow style, Dot style, Dots position, Eyebrow style, Box style, Button shape, Overlay style
Animation & effectsContent animation, Effect, Speed, Autoplay, Autoplay speed, Pause on hover, Loop, Box blur
Show / hide optionsKenburns, Use gallery, Progress, Drag, Keyboard, Full bleed, Arrows, Arrows hide mob, Dots, On, Orig
Text, images & linksKenburns dir, Kenburns time, Slides, Title tag, Ratio, Ratio mobile, Image fit, Image position, Content padding, Dot active, Box padding, Overlay amount, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Frosted Slider — Zoom Transition
Frosted text panel on the image with a zoom effect.
Best forLifestyle and brand photos.
Where to place itTop of home or campaign pages.
How to use: add the Slider / Hero block and choose frosted · zoom in its style settings
What you can customize in this widget
ColorsArrow color, Arrow background, Dot color, Progress color, Overlay color, Eyebrow color, Eyebrow background, Title color, Subtitle color, Box background, Button color, Button background, Button color h, Button background h, Vp background, Box border color
Font & text sizeArrow size, Dot size, Eyebrow size, Title size, Subtitle size, Button size
Size & spacingHeight mode, Min height, Height, Sl radius, Content width, Arrow offset, Dot offset, Gap, Box radius, Box margin, Box background size
Layout & styleTemplate, Arrow style, Dot style, Dots position, Eyebrow style, Box style, Button shape, Overlay style
Animation & effectsContent animation, Effect, Speed, Autoplay, Autoplay speed, Pause on hover, Loop, Box blur
Show / hide optionsKenburns, Use gallery, Progress, Drag, Keyboard, Full bleed, Arrows, Arrows hide mob, Dots, On, Orig
Text, images & linksKenburns dir, Kenburns time, Slides, Title tag, Ratio, Ratio mobile, Image fit, Image position, Content padding, Dot active, Box padding, Overlay amount, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Gradient Slider — Flip Transition
Gradient overlay slides that flip over.
Best forColorful campaign banners.
Where to place itCampaign page hero.
How to use: add the Slider / Hero block and choose gradient · flip in its style settings
What you can customize in this widget
ColorsArrow color, Arrow background, Dot color, Progress color, Overlay color, Eyebrow color, Eyebrow background, Title color, Subtitle color, Box background, Button color, Button background, Button color h, Button background h, Vp background, Box border color
Font & text sizeArrow size, Dot size, Eyebrow size, Title size, Subtitle size, Button size
Size & spacingHeight mode, Min height, Height, Sl radius, Content width, Arrow offset, Dot offset, Gap, Box radius, Box margin, Box background size
Layout & styleTemplate, Arrow style, Dot style, Dots position, Eyebrow style, Box style, Button shape, Overlay style
Animation & effectsContent animation, Effect, Speed, Autoplay, Autoplay speed, Pause on hover, Loop, Box blur
Show / hide optionsKenburns, Use gallery, Progress, Drag, Keyboard, Full bleed, Arrows, Arrows hide mob, Dots, On, Orig
Text, images & linksKenburns dir, Kenburns time, Slides, Title tag, Ratio, Ratio mobile, Image fit, Image position, Content padding, Dot active, Box padding, Overlay amount, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Card Slider — Stack Transition
Slides look like stacked cards.
Best forShowing several categories or offers.
Where to place itHome page, under the header.
How to use: add the Slider / Hero block and choose card · stack in its style settings
What you can customize in this widget
ColorsArrow color, Arrow background, Dot color, Progress color, Overlay color, Eyebrow color, Eyebrow background, Title color, Subtitle color, Box background, Button color, Button background, Button color h, Button background h, Vp background, Box border color
Font & text sizeArrow size, Dot size, Eyebrow size, Title size, Subtitle size, Button size
Size & spacingHeight mode, Min height, Height, Sl radius, Content width, Arrow offset, Dot offset, Gap, Box radius, Box margin, Box background size
Layout & styleTemplate, Arrow style, Dot style, Dots position, Eyebrow style, Box style, Button shape, Overlay style
Animation & effectsContent animation, Effect, Speed, Autoplay, Autoplay speed, Pause on hover, Loop, Box blur
Show / hide optionsKenburns, Use gallery, Progress, Drag, Keyboard, Full bleed, Arrows, Arrows hide mob, Dots, On, Orig
Text, images & linksKenburns dir, Kenburns time, Slides, Title tag, Ratio, Ratio mobile, Image fit, Image position, Content padding, Dot active, Box padding, Overlay amount, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Minimal Slider — Slide Transition
Very clean slider with little text.
Best forBrands with strong photos.
Where to place itHome page top.
How to use: add the Slider / Hero block and choose minimal · slide in its style settings
What you can customize in this widget
ColorsArrow color, Arrow background, Dot color, Progress color, Overlay color, Eyebrow color, Eyebrow background, Title color, Subtitle color, Box background, Button color, Button background, Button color h, Button background h, Vp background, Box border color
Font & text sizeArrow size, Dot size, Eyebrow size, Title size, Subtitle size, Button size
Size & spacingHeight mode, Min height, Height, Sl radius, Content width, Arrow offset, Dot offset, Gap, Box radius, Box margin, Box background size
Layout & styleTemplate, Arrow style, Dot style, Dots position, Eyebrow style, Box style, Button shape, Overlay style
Animation & effectsContent animation, Effect, Speed, Autoplay, Autoplay speed, Pause on hover, Loop, Box blur
Show / hide optionsKenburns, Use gallery, Progress, Drag, Keyboard, Full bleed, Arrows, Arrows hide mob, Dots, On, Orig
Text, images & linksKenburns dir, Kenburns time, Slides, Title tag, Ratio, Ratio mobile, Image fit, Image position, Content padding, Dot active, Box padding, Overlay amount, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Editorial Slider — Fade Transition
Magazine-style text layout with fading slides.
Best forBrand stories and new launches.
Where to place itHome or about page.
How to use: add the Slider / Hero block and choose editorial · fade in its style settings
What you can customize in this widget
ColorsArrow color, Arrow background, Dot color, Progress color, Overlay color, Eyebrow color, Eyebrow background, Title color, Subtitle color, Box background, Button color, Button background, Button color h, Button background h, Vp background, Box border color
Font & text sizeArrow size, Dot size, Eyebrow size, Title size, Subtitle size, Button size
Size & spacingHeight mode, Min height, Height, Sl radius, Content width, Arrow offset, Dot offset, Gap, Box radius, Box margin, Box background size
Layout & styleTemplate, Arrow style, Dot style, Dots position, Eyebrow style, Box style, Button shape, Overlay style
Animation & effectsContent animation, Effect, Speed, Autoplay, Autoplay speed, Pause on hover, Loop, Box blur
Show / hide optionsKenburns, Use gallery, Progress, Drag, Keyboard, Full bleed, Arrows, Arrows hide mob, Dots, On, Orig
Text, images & linksKenburns dir, Kenburns time, Slides, Title tag, Ratio, Ratio mobile, Image fit, Image position, Content padding, Dot active, Box padding, Overlay amount, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Bold Slider — Zoom Transition
Big bold headlines with zooming images.
Best forSale announcements.
Where to place itTop of the sale page.
How to use: add the Slider / Hero block and choose bold · zoom in its style settings
What you can customize in this widget
ColorsArrow color, Arrow background, Dot color, Progress color, Overlay color, Eyebrow color, Eyebrow background, Title color, Subtitle color, Box background, Button color, Button background, Button color h, Button background h, Vp background, Box border color
Font & text sizeArrow size, Dot size, Eyebrow size, Title size, Subtitle size, Button size
Size & spacingHeight mode, Min height, Height, Sl radius, Content width, Arrow offset, Dot offset, Gap, Box radius, Box margin, Box background size
Layout & styleTemplate, Arrow style, Dot style, Dots position, Eyebrow style, Box style, Button shape, Overlay style
Animation & effectsContent animation, Effect, Speed, Autoplay, Autoplay speed, Pause on hover, Loop, Box blur
Show / hide optionsKenburns, Use gallery, Progress, Drag, Keyboard, Full bleed, Arrows, Arrows hide mob, Dots, On, Orig
Text, images & linksKenburns dir, Kenburns time, Slides, Title tag, Ratio, Ratio mobile, Image fit, Image position, Content padding, Dot active, Box padding, Overlay amount, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Classic Slider — Flip Transition
Classic layout with a flip effect.
Best forSeasonal offers.
Where to place itHome page hero.
How to use: add the Slider / Hero block and choose classic · flip in its style settings
What you can customize in this widget
ColorsArrow color, Arrow background, Dot color, Progress color, Overlay color, Eyebrow color, Eyebrow background, Title color, Subtitle color, Box background, Button color, Button background, Button color h, Button background h, Vp background, Box border color
Font & text sizeArrow size, Dot size, Eyebrow size, Title size, Subtitle size, Button size
Size & spacingHeight mode, Min height, Height, Sl radius, Content width, Arrow offset, Dot offset, Gap, Box radius, Box margin, Box background size
Layout & styleTemplate, Arrow style, Dot style, Dots position, Eyebrow style, Box style, Button shape, Overlay style
Animation & effectsContent animation, Effect, Speed, Autoplay, Autoplay speed, Pause on hover, Loop, Box blur
Show / hide optionsKenburns, Use gallery, Progress, Drag, Keyboard, Full bleed, Arrows, Arrows hide mob, Dots, On, Orig
Text, images & linksKenburns dir, Kenburns time, Slides, Title tag, Ratio, Ratio mobile, Image fit, Image position, Content padding, Dot active, Box padding, Overlay amount, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Spotlight Slider — Stack Transition
Spotlight product slides stacking in.
Best forBest sellers.
Where to place itHome page hero.
How to use: add the Slider / Hero block and choose spotlight · stack in its style settings
What you can customize in this widget
ColorsArrow color, Arrow background, Dot color, Progress color, Overlay color, Eyebrow color, Eyebrow background, Title color, Subtitle color, Box background, Button color, Button background, Button color h, Button background h, Vp background, Box border color
Font & text sizeArrow size, Dot size, Eyebrow size, Title size, Subtitle size, Button size
Size & spacingHeight mode, Min height, Height, Sl radius, Content width, Arrow offset, Dot offset, Gap, Box radius, Box margin, Box background size
Layout & styleTemplate, Arrow style, Dot style, Dots position, Eyebrow style, Box style, Button shape, Overlay style
Animation & effectsContent animation, Effect, Speed, Autoplay, Autoplay speed, Pause on hover, Loop, Box blur
Show / hide optionsKenburns, Use gallery, Progress, Drag, Keyboard, Full bleed, Arrows, Arrows hide mob, Dots, On, Orig
Text, images & linksKenburns dir, Kenburns time, Slides, Title tag, Ratio, Ratio mobile, Image fit, Image position, Content padding, Dot active, Box padding, Overlay amount, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Frosted Slider — Slide Transition
Frosted panel with simple sliding.
Best forModern brands.
Where to place itTop of home page.
How to use: add the Slider / Hero block and choose frosted · slide in its style settings
What you can customize in this widget
ColorsArrow color, Arrow background, Dot color, Progress color, Overlay color, Eyebrow color, Eyebrow background, Title color, Subtitle color, Box background, Button color, Button background, Button color h, Button background h, Vp background, Box border color
Font & text sizeArrow size, Dot size, Eyebrow size, Title size, Subtitle size, Button size
Size & spacingHeight mode, Min height, Height, Sl radius, Content width, Arrow offset, Dot offset, Gap, Box radius, Box margin, Box background size
Layout & styleTemplate, Arrow style, Dot style, Dots position, Eyebrow style, Box style, Button shape, Overlay style
Animation & effectsContent animation, Effect, Speed, Autoplay, Autoplay speed, Pause on hover, Loop, Box blur
Show / hide optionsKenburns, Use gallery, Progress, Drag, Keyboard, Full bleed, Arrows, Arrows hide mob, Dots, On, Orig
Text, images & linksKenburns dir, Kenburns time, Slides, Title tag, Ratio, Ratio mobile, Image fit, Image position, Content padding, Dot active, Box padding, Overlay amount, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Gradient Slider — Fade Transition
Gradient slides fading softly.
Best forFestival offers.
Where to place itCampaign page top.
How to use: add the Slider / Hero block and choose gradient · fade in its style settings
What you can customize in this widget
ColorsArrow color, Arrow background, Dot color, Progress color, Overlay color, Eyebrow color, Eyebrow background, Title color, Subtitle color, Box background, Button color, Button background, Button color h, Button background h, Vp background, Box border color
Font & text sizeArrow size, Dot size, Eyebrow size, Title size, Subtitle size, Button size
Size & spacingHeight mode, Min height, Height, Sl radius, Content width, Arrow offset, Dot offset, Gap, Box radius, Box margin, Box background size
Layout & styleTemplate, Arrow style, Dot style, Dots position, Eyebrow style, Box style, Button shape, Overlay style
Animation & effectsContent animation, Effect, Speed, Autoplay, Autoplay speed, Pause on hover, Loop, Box blur
Show / hide optionsKenburns, Use gallery, Progress, Drag, Keyboard, Full bleed, Arrows, Arrows hide mob, Dots, On, Orig
Text, images & linksKenburns dir, Kenburns time, Slides, Title tag, Ratio, Ratio mobile, Image fit, Image position, Content padding, Dot active, Box padding, Overlay amount, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Card Slider — Zoom Transition
Card slides with zoom effect.
Best forCategory highlights.
Where to place itHome page.
How to use: add the Slider / Hero block and choose card · zoom in its style settings
What you can customize in this widget
ColorsArrow color, Arrow background, Dot color, Progress color, Overlay color, Eyebrow color, Eyebrow background, Title color, Subtitle color, Box background, Button color, Button background, Button color h, Button background h, Vp background, Box border color
Font & text sizeArrow size, Dot size, Eyebrow size, Title size, Subtitle size, Button size
Size & spacingHeight mode, Min height, Height, Sl radius, Content width, Arrow offset, Dot offset, Gap, Box radius, Box margin, Box background size
Layout & styleTemplate, Arrow style, Dot style, Dots position, Eyebrow style, Box style, Button shape, Overlay style
Animation & effectsContent animation, Effect, Speed, Autoplay, Autoplay speed, Pause on hover, Loop, Box blur
Show / hide optionsKenburns, Use gallery, Progress, Drag, Keyboard, Full bleed, Arrows, Arrows hide mob, Dots, On, Orig
Text, images & linksKenburns dir, Kenburns time, Slides, Title tag, Ratio, Ratio mobile, Image fit, Image position, Content padding, Dot active, Box padding, Overlay amount, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Minimal Slider — Flip Transition
Minimal slides with flip effect.
Best forGift and premium items.
Where to place itHome or gift page top.
How to use: add the Slider / Hero block and choose minimal · flip in its style settings
What you can customize in this widget
ColorsArrow color, Arrow background, Dot color, Progress color, Overlay color, Eyebrow color, Eyebrow background, Title color, Subtitle color, Box background, Button color, Button background, Button color h, Button background h, Vp background, Box border color
Font & text sizeArrow size, Dot size, Eyebrow size, Title size, Subtitle size, Button size
Size & spacingHeight mode, Min height, Height, Sl radius, Content width, Arrow offset, Dot offset, Gap, Box radius, Box margin, Box background size
Layout & styleTemplate, Arrow style, Dot style, Dots position, Eyebrow style, Box style, Button shape, Overlay style
Animation & effectsContent animation, Effect, Speed, Autoplay, Autoplay speed, Pause on hover, Loop, Box blur
Show / hide optionsKenburns, Use gallery, Progress, Drag, Keyboard, Full bleed, Arrows, Arrows hide mob, Dots, On, Orig
Text, images & linksKenburns dir, Kenburns time, Slides, Title tag, Ratio, Ratio mobile, Image fit, Image position, Content padding, Dot active, Box padding, Overlay amount, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Editorial Slider — Stack Transition
Editorial slides stacking in.
Best forContent-rich brand pages.
Where to place itHome page.
How to use: add the Slider / Hero block and choose editorial · stack in its style settings
What you can customize in this widget
ColorsArrow color, Arrow background, Dot color, Progress color, Overlay color, Eyebrow color, Eyebrow background, Title color, Subtitle color, Box background, Button color, Button background, Button color h, Button background h, Vp background, Box border color
Font & text sizeArrow size, Dot size, Eyebrow size, Title size, Subtitle size, Button size
Size & spacingHeight mode, Min height, Height, Sl radius, Content width, Arrow offset, Dot offset, Gap, Box radius, Box margin, Box background size
Layout & styleTemplate, Arrow style, Dot style, Dots position, Eyebrow style, Box style, Button shape, Overlay style
Animation & effectsContent animation, Effect, Speed, Autoplay, Autoplay speed, Pause on hover, Loop, Box blur
Show / hide optionsKenburns, Use gallery, Progress, Drag, Keyboard, Full bleed, Arrows, Arrows hide mob, Dots, On, Orig
Text, images & linksKenburns dir, Kenburns time, Slides, Title tag, Ratio, Ratio mobile, Image fit, Image position, Content padding, Dot active, Box padding, Overlay amount, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Bold Slider — Slide Transition
Bold headline slider — a strong default.
Best forAny store home page.
Where to place itTop of the home page.
How to use: add the Slider / Hero block and choose bold · slide in its style settings
What you can customize in this widget
ColorsArrow color, Arrow background, Dot color, Progress color, Overlay color, Eyebrow color, Eyebrow background, Title color, Subtitle color, Box background, Button color, Button background, Button color h, Button background h, Vp background, Box border color
Font & text sizeArrow size, Dot size, Eyebrow size, Title size, Subtitle size, Button size
Size & spacingHeight mode, Min height, Height, Sl radius, Content width, Arrow offset, Dot offset, Gap, Box radius, Box margin, Box background size
Layout & styleTemplate, Arrow style, Dot style, Dots position, Eyebrow style, Box style, Button shape, Overlay style
Animation & effectsContent animation, Effect, Speed, Autoplay, Autoplay speed, Pause on hover, Loop, Box blur
Show / hide optionsKenburns, Use gallery, Progress, Drag, Keyboard, Full bleed, Arrows, Arrows hide mob, Dots, On, Orig
Text, images & linksKenburns dir, Kenburns time, Slides, Title tag, Ratio, Ratio mobile, Image fit, Image position, Content padding, Dot active, Box padding, Overlay amount, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0