# Touch Fashion Slider Pro — Quick Start

## Recommended setup

1. Add **Fashion Slider Pro** to a full-width Elementor container.
2. Set the container gap and padding to zero when using a full-bleed hero.
3. Choose a template under **Template > Design Template**.
4. Add a landscape desktop image and an optional portrait mobile image to each slide.
5. Set the image focal point so the subject remains visible at all breakpoints.
6. Configure navigation and autoplay under **Slider Behavior**.
7. Adjust height and content width for desktop, tablet, and mobile under **Responsive Layout**.
8. Complete the visual system under the Style tab.

## Template guidance

- **Editorial Split:** campaigns with copy and imagery receiving equal emphasis.
- **Cinematic Fullscreen:** high-impact campaign and brand storytelling.
- **Product Spotlight:** isolated products, apparel, footwear, or accessories.
- **Lookbook Cards:** multiple products visible in one viewport.
- **Glass Luxury:** premium collections with translucent content panels.
- **Vertical Reveal:** magazine-style split layouts and vertical transitions.

## Upgrade checklist

- Back up the site.
- Test the plugin on staging.
- Update Elementor before updating this add-on.
- Clear Elementor generated files and site caches after activation.
- Check existing legacy sliders at desktop, tablet, and mobile sizes.