• Shopify Section
Slideshow - cards
The "Slideshow - cards" section creates an elegant, card-based image carousel that's perfect for showcasing products, collections, or featured content. What makes this section special is its unique card-style presentation where slides appear as distinct cards with smooth transitions between them.
Key features include:
- Center-focused design where the active slide appears larger and more prominent
- Smooth transitions with cards scaling up/down during navigation
- Optional autoplay with customizable timing
- Navigation dots and arrow controls
- Mobile-responsive design that adapts to screen size
- Each slide can be customized with:
- Background image (separate mobile version supported)
- Optional inset image or logo
- Headline and descriptive text
- Call-to-action button with custom styling
- Text positioning (9 different positions available)
- Custom overlay colors or gradients
- Text background for better readability
- The section offers extensive styling options:
- Multiple image aspect ratios (landscape, portrait, square, or original)
- Customizable text size and alignment
- Button border radius and colors
- Background colors or gradients
- Adjustable padding and margins
- Custom CSS support for both desktop and mobile
- Optional custom fonts
The slideshow comes preset with three example slides demonstrating different use cases, and uses the Flickity library for smooth, touch-friendly interactions. It's particularly effective for product launches, featured collections, or any content that benefits from a card-based presentation format.
Slideshow Cards
Use this section to feature products or collections in a layout that both intrigues and delights.
• Style variations
Same section. Completely different stores.
Every example below uses the same Slideshow - cards section just configured differently in the Shopify editor.
