Shopify Sidekick/Theme/Product Carousel Section
Task IntentTheme

Product Carousel Section

Build a swipeable product carousel with autoplay, navigation arrows, and dot indicators.

What This Sidekick Query Does

Build a swipeable product carousel with autoplay, navigation arrows, and dot indicators.

Prompt / Skill

Run on Sidekick
Create a product carousel section that displays products from [COLLECTION_NAME] in a horizontally scrolling carousel. Show [VISIBLE_SLIDES] products at a time on desktop, 2 on tablet, 1 on mobile. Include left/right navigation arrows and dot indicators below. The carousel should support touch/swipe gestures on mobile. Add an optional autoplay feature that advances every [AUTOPLAY_SECONDS] seconds and pauses on hover. Each product card in the carousel should show: product image, title, price, and a Quick Add button. Add a section heading of [SECTION_HEADING] above the carousel. Use CSS scroll-snap for smooth native scrolling or vanilla JavaScript – no external libraries. Generate the complete Liquid section with schema settings, JavaScript, and CSS.

Expected Output

Build a swipeable product carousel with autoplay, navigation arrows, and dot indicators.

Tips to Improve Results

  1. 1

    Copy the prompt above

  2. 2

    Open Shopify Sidekick in your Shopify admin

  3. 3

    Paste the prompt and replace the bracketed placeholders with your details

  4. 4

    Review Sidekick's response and apply the suggestions

Sidekick Skills & Magic Prompt icon

Sidekick Skills & Magic Prompt

Create & manage AI skills for Sidekick. Discover skills from other merchants.