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