Shopify Sidekick/Theme/Product Tabs Section
Task IntentTheme

Product Tabs Section

Add a tabbed content area on product pages for descriptions, specs, reviews, and shipping info.

What This Sidekick Query Does

Add a tabbed content area on product pages for descriptions, specs, reviews, and shipping info.

Prompt / Skill

Create a product tabs section for my product page template. The tabs should include: [TAB_1_NAME] (e.g., Description) showing the product description, [TAB_2_NAME] (e.g., Specifications) showing a table of product metafields from namespace [METAFIELD_NAMESPACE], [TAB_3_NAME] (e.g., Reviews) showing a placeholder for review app content, and [TAB_4_NAME] (e.g., Shipping) showing static shipping info text. The first tab should be open by default. Style the tabs with [TAB_STYLE] (options: underline, boxed, pill). Use [ACCENT_COLOR] for the active tab indicator. The tabs should be accessible with keyboard navigation and ARIA roles. On mobile, convert tabs to an accordion layout. Generate complete Liquid, JavaScript, and CSS.

Expected Output

Add a tabbed content area on product pages for descriptions, specs, reviews, and shipping info.

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.