Shopify Sidekick/Theme/Design a Slideshow Banner Section
Task IntentTheme

Design a Slideshow Banner Section

Create a rotating slideshow banner with multiple slides, transitions, and navigation dots.

What This Sidekick Query Does

Create a rotating slideshow banner with multiple slides, transitions, and navigation dots.

Prompt / Skill

Run on Sidekick
Create a slideshow banner section on my homepage with [NUMBER_OF_SLIDES] slides. For each slide, use the following images: [SLIDE_IMAGES_LIST]. Each slide should have its own heading, subheading, and CTA button. Slide 1: heading [SLIDE1_HEADING], CTA [SLIDE1_CTA_TEXT] linking to [SLIDE1_CTA_URL]. Slide 2: heading [SLIDE2_HEADING], CTA [SLIDE2_CTA_TEXT] linking to [SLIDE2_CTA_URL]. Set auto-rotation to every [INTERVAL_SECONDS] seconds. Use a [TRANSITION_TYPE] transition effect between slides. Show navigation dots at the bottom and arrow buttons on the sides. Set the banner height to [HEIGHT] pixels. On mobile, reduce height to [MOBILE_HEIGHT] pixels and ensure text remains readable.

Expected Output

Create a rotating slideshow banner with multiple slides, transitions, and navigation dots.

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.