Hub/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

Copy, adapt, and run this prompt or skill workflow 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
Sidekick Skills & Magic Prompt icon

Sidekick Skills & Magic Prompt

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

Build unlimited custom Sidekick skills, organize prompts into collections, and discover proven workflows shared by other Shopify merchants.