Hero Slider | Notion

Slide Management
- Supports multiple slides, each with its own media, text, buttons, and layout.
- Drag-and-drop interface for managing slide order.
Media Options
- Image and video support for desktop and mobile, with cropping and positioning controls.
- Video autoplay, poster images, and custom aspect ratios.
Content Configuration
- Customizable headings, subheadings, superheadings, and text colors.
- Option to hide headings for SEO purposes.
Buttons and Clickable Slides
- Add up to two buttons per slide with customizable styles and links.
- Enable entire slide as a clickable link.
Slider Settings
- Autoplay, delay timing, transition effects (slide/fade), and bullet pagination.
Section Layout
- Configure height (static or aspect ratio) and alignment for both desktop and mobile.
- Above-the-fold, full-width, and full-bleed toggles for section layout.

Field	Required	Default	Description
Image Alt	Optional	"Three men outside wearing..."	Alt text for images.
Desktop Image	Optional	`https://cdn.shopify.com/...`	Image for desktop/tablet.
Mobile Image	Optional	`https://cdn.shopify.com/...`	Image for mobile.
Video URL (Desktop)	Optional	`null`	Overrides desktop image if provided.
Video URL (Mobile)	Optional	`null`	Overrides mobile image if provided.
Heading	Optional	`"All new products this season"`	Main heading for the slide.
Subheading	Optional	`"New styles and new fits"`	Subheading text.
Text Color (Desktop)	Optional	`md:text-[var(--white)]`	Desktop text color.
Text Color (Mobile)	Optional	`max-md:text-[var(--white)]`	Mobile text color.
Buttons	Optional	One button preconfigured	Up to two buttons per slide with customizable styles and links.
Clickable Slide	Optional	`false`	Makes the entire slide clickable using the first button link.