Category 6: Content Blocks & Accordions

Create an FAQ accordion section for Shopify that:

• Loads questions and answers from metafields or theme settings
• Allows merchants to reorder FAQs in the theme editor
• Includes smooth expand/collapse animations
• Is fully accessible and mobile-friendly

Build a tabbed content section that:

• Supports up to 5 tabs, each with a title and rich text content
• Merchants can add, remove, or reorder tabs in the theme editor
• Is responsive and accessible

Generate a collapsible announcement bar that:

• Merchants can show/hide with a toggle
• Includes editable message and optional link
• Is dismissible by users and remembers state via localStorage

Create a feature list section that:

• Supports up to 8 features, each with icon, title, and description
• Merchants can customize icons and order in the theme editor
• Displays in grid or row layout, responsive on all devices

Build a before-and-after image slider that:

• Lets users drag a slider to reveal changes between two images
• Merchants can upload both images in the theme editor
• Is touch-friendly and responsive

Create a product details section that:

• Uses accordions for specifications, care instructions, and shipping info
• Merchants can add/edit content blocks for each section
• Accordions are accessible and keyboard navigable

Generate an icon grid section that:

• Displays up to 12 icons with titles and optional links
• Merchants can upload SVGs or choose from a preset icon library
• Supports grid layout with adjustable columns

Build a team section where:

• Each team member is a collapsible block with photo, name, role, and bio
• Merchants can add/remove/reorder members in the theme editor
• Section is responsive and accessible

Create a collapsible information block for shipping and returns that:

• Is placed on product or cart pages
• Merchants can edit content in the theme editor
• Collapses/expands with animation and is keyboard accessible

Generate a comparison table section that:

• Lets merchants add up to 5 columns and 10 rows of features/specs
• Supports highlighting key differences
• Is responsive and scrollable on mobile

Build a collapsible section for store policies (e.g., Privacy, Terms, Refunds) that:

• Loads content from pages or theme settings
• Supports multiple policies as collapsible blocks
• Is accessible and mobile-friendly

Create an accordion section where:

• Each question/heading can display an icon next to the text
• Merchants can choose icons from a preset or upload their own
• Accordions are styled for accessibility and clarity

Generate a collapsible block for product ingredients that:

• Expands to show full ingredient list on click/tap
• Merchants can edit ingredients in the theme editor
• Is designed for beauty, food, or supplement products

Build a tabbed section for product pages that:

• Supports tabs for Description, Ingredients, Reviews, and Shipping
• Merchants can customize tab titles and content
• Tabs are accessible and responsive

Create an accordion menu for blog categories that:

• Expands to show posts under each category
• Merchants can reorder categories in the theme editor
• Is mobile-friendly and accessible

Generate a content block that:

• Shows store hours collapsed by default, expands on click
• Merchants can set hours for each day in the theme editor
• Is accessible and responsive

Build an FAQ accordion that:

• Includes a search bar to filter questions in real time
• Merchants can add/edit FAQs in the theme editor
• Is accessible and mobile-optimized

Create a collapsible block for gift guides that:

• Expands to show curated product links or collections
• Merchants can update guide content seasonally
• Is styled for holidays or special occasions

Generate an accordion section that:

• Allows rich text and images in each expanded panel
• Merchants can add/edit content in the theme editor
• Is fully responsive and accessible

Create a content block that:

• Shows/hides sections based on customer tags, cart value, or page type
• Merchants can set display rules in the theme editor

Build an accordion section that:

• Displays content in the customer's selected language
• Pulls translations from metafields or Shopify Markets
• Includes fallback content if translation is missing

Generate an accordion section that:

• Uses ARIA attributes, keyboard navigation, and high-contrast styles
• Is fully screen reader compatible