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

Run on Sidekick

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
Copy the prompt above
2
Open Shopify Sidekick in your Shopify admin
3
Paste the prompt and replace the bracketed placeholders with your details
4
Review Sidekick's response and apply the suggestions

Sidekick Skills & Magic Prompt

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