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.
Prompts
Copy, adapt, and run this directly in Shopify 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
Copy the prompt above
Open Shopify Sidekick in your Shopify admin
Paste the prompt and replace the bracketed placeholders with your details
Review Sidekick's response and apply the suggestions