Shopify Sidekick/Theme/Generate Tabbed Content Section
Task IntentTheme

Generate Tabbed Content Section

Create a tabbed content section with horizontal/vertical tabs, rich text panels, icons, and smooth transitions for product details or FAQs.

What This Sidekick Query Does

Create a tabbed content section with horizontal/vertical tabs, rich text panels, icons, and smooth transitions for product details or FAQs.

Prompt / Skill

Create a tabbed content section block:

Features:

  Multiple tabs with content panels
  Smooth tab switching animation
  Support for rich text, images, and HTML in each panel
  Optional icon for each tab


Settings for each tab:

  Tab label text
  Tab icon (optional)
  Tab content (rich text)


Section settings:

  Tab style (horizontal/vertical)
  Tab alignment (left/center/full-width)
  Active tab color
  Inactive tab color
  Content area background
  Border style
  Default open tab


Requirements:

  Support for up to 8 tabs
  Mobile: tabs convert to accordion or scroll horizontally
  Accessible with keyboard (arrow keys)
  No page reload on tab switch
  Smooth content height transitions


Generate as a theme block for product pages.

Expected Output

Create a tabbed content section with horizontal/vertical tabs, rich text panels, icons, and smooth transitions for product details or FAQs.

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.