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

Prompts

Copy, adapt, and run this directly in Shopify Sidekick.

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

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