# Slideshow

This is the perfect hero section for most stores. Use the slideshow to create a home page banner with incredible customizability.

<figure><img src="https://content.gitbook.com/content/PjXaHKkpbdFHRfg2XoOs/blobs/BuQRJOImEuoYgFFNkqhD/slideshow.gif" alt=""><figcaption></figcaption></figure>

## Key components

* **Layout:** Choose from various height options such as full-screen, fixed heights, or custom sizes to suit your design needs.
* **Arrows:** Enable or disable navigation arrows for seamless browsing through slides.
* **Autoplay:** Engage your audience with an autoplay feature that transitions slides at customizable intervals.
* **Styles:** Select from slide, fade, or zoom-out transitions for captivating visual effects.

## Configuring your section: Settings overview

* **Heights:** Customize slide heights specifically for mobile devices to ensure optimal viewing experiences.
* **Image:** Add desktop and mobile-specific images for each slide to optimize visual appeal across devices.
* **Content alignment:** Align slide content as per your preference, whether centered, left, right, or bottom-aligned.
* **Color and overlay:** Enhance visuals with customizable overlay colors and opacity for added depth and style.
* **Buttons:** Drive conversions with customizable buttons, directing users to specific pages or actions.