Category 5: Sliders & Carousels

Create a Shopify section for a featured product carousel that:

• Displays products from a selected collection
• Supports navigation arrows and dots
• Allows merchants to set number of items per slide
• Implements lazy loading for images

Build a testimonial slider section that:

• Supports up to 10 testimonials, each with name, photo, and quote
• Features auto-play with adjustable speed
• Is mobile-friendly with swipe gestures
• Allows merchants to add, remove, or reorder testimonials

Generate a blog post carousel section that:

• Displays recent blog posts with image, title, excerpt, and "Read More" button
• Supports horizontal scrolling and navigation controls
• Is fully responsive

Create a carousel section for brand logos that:

• Displays up to 12 brand or partner logos
• Supports auto-scroll and manual navigation
• Merchants can upload logos and set links in the theme editor

Build a product page image slider that:

• Shows all product images as a swipeable gallery
• Includes thumbnails for quick navigation
• Supports pinch-zoom on mobile

Generate a "Shop the Look" carousel section that:

• Features styled outfits or bundles
• Lets users click items in the carousel to view or add to cart
• Merchants can add/edit looks in the theme editor

Create an image slider for before-and-after comparisons that:

• Allows users to drag a slider to reveal changes
• Merchants can upload two images per slider
• Is responsive and touch-friendly

Build a carousel section for customer-submitted photos that:

• Displays images with customer names or captions
• Allows moderation and approval in the theme editor
• Supports swipe and auto-play

Generate a product slider that:

• Lets merchants feature products from multiple collections in tabs
• Each tab displays a different collection as a carousel
• Tabs and collections are customizable in the theme editor

Create a testimonial carousel that:

• Shows customer review, star rating, and photo
• Supports both auto-play and manual navigation
• Merchants can edit testimonials and ratings in the theme editor

Build an Instagram feed carousel section that:

• Pulls latest posts from a specified Instagram account
• Displays images in a swipeable carousel with links to posts
• Merchants can set number of images to display

Generate a product carousel that:

• Shows products currently on sale with a countdown timer overlay
• Merchants can set sale end date/time for each product
• Timer hides automatically when sale ends

Create a carousel section that:

• Lets merchants set custom breakpoints for number of visible slides on desktop, tablet, and mobile
• Supports drag/swipe gestures and keyboard navigation

Build a carousel section that:

• Uses ARIA roles and labels for all controls
• Is fully keyboard navigable
• Includes skip-to-content and pause/play controls for accessibility

Generate a carousel that:

• Supports multiple transition effects (slide, fade, zoom)
• Merchants can choose transition style and speed in the theme editor

Create a product carousel where:

• Each product has a "Quick View" button that opens a modal with product details
• Modal supports add-to-cart and variant selection

Build a carousel section that:

• Allows merchants to set a background image or color for the entire carousel
• Supports overlay text or graphics

Generate a product carousel that:

• Displays custom badges (e.g., "New", "Best Seller") on slides based on product tags or metafields
• Badge style is customizable in the theme editor

Create a carousel section that:

• Supports both image and video slides
• Merchants can upload videos or embed from YouTube/Vimeo
• Video slides auto-play and loop, with mute option

Build a carousel section that:

• Displays slide content (titles, captions, CTAs) in the customer's selected language
• Pulls translations from metafields or Shopify Markets
• Includes fallback content if translation is missing

Generate a carousel that:

• Loops infinitely in both directions
• Supports auto-play with adjustable speed
• Merchants can enable/disable infinite looping in the theme editor

Create a carousel section that:

• Merchants can schedule to appear only during specific dates (e.g., holiday promotions)
• Section automatically hides/shows based on schedule