How to display category-specific FAQs on collection & product pages

Learn how to set up category-specific FAQs in Avante using custom templates, Shopify Pages, or dynamic metafields without writing any code.

By default, Shopify applies the same layout and content across all collection or product pages. If you want to display specific FAQs for different product categories (e.g., Sizing FAQs for Shoes vs. Care Instructions for Leather), Avante provides 3 flexible methods without writing any code.

Method 1: Custom Collection Templates (Best for 2–5 Main Categories)

Use this method when you have a small number of core product categories.

Create a template in the Theme Editor:

Go to Shopify Admin → Online Store → Themes → Edit theme.
In the top page dropdown, select Collections → Create template.
Name your template logically (e.g., shoes, dresses).

Add and customize the FAQ section:

Click Add section → Collapsible tabs.
Add Tab blocks and enter the unique questions and answers for this category.

Assign the template to a Collection:

Go to Shopify Admin → Products → Collections and open your category page.
On the right sidebar, under Theme template, select your new template (e.g., dresses) and click Save.

Method 2: Connecting Shopify Pages to Collapsible Tabs (Best for Shared Category Guides)

Use this method if multiple products or collections share the exact same care guide or category FAQ, and you want to manage content from one central place.

Create a Page for each Category FAQ:

Go to Shopify Admin → Online Store → Pages → Add page.

Title it (e.g., "Packaging & FAQ") and enter your questions and answers in the content editor.

Link the Page in Theme Editor:

Open Theme Editor and select your collection or product template.
In the Collapsible tabs section, select a Tab block.
In the Page setting, pick the page you just created.

Method 3: Dynamic Metafields (Best for Large Catalogs)

Use this method if you have dozens of categories or want a fully scalable setup that dynamically hides empty FAQ tabs.

Create a Metafield definition:

Go to Shopify Admin → Settings → Metafields and metaobjects → Collections (or Products).

Click Add definition.
Set Name to Category FAQ (Key: custom.category_faq).
Select Type: Page reference (or Multi-line text) and save.

Assign the FAQ Page to each Collection:

Go to Shopify Admin → Products → Collections and select a collection.
Scroll down to Metafields and select the corresponding FAQ Page.

Connect the Dynamic Source in Theme Editor:

Open Theme Editor → Default collection template.
In Collapsible tabs, select a Tab block.
Next to the Page setting, click the Connect dynamic source icon (<>).
Select your Category FAQ metafield.

Pro Tip: If a collection leaves the Category FAQ metafield blank, the FAQ tab will automatically hide on the storefront for that category without leaving empty spaces!

Note on Page Content: When connecting a Shopify Page to a single Tab block, the entire page content (all questions & answers) will render inside that one expandable tab (e.g., "Dresses FAQ"). If you prefer each question to have its own separate expandable accordion row, use Method 1 (Custom Templates) to add individual Tab blocks for each question.

How do I show different content per product? — guide on using dynamic sources for product-level content
Default collection template — how to create and assign collection templates in Avante
Shopify: Displaying metafields on your online store — Shopify's official guide on dynamic sources

Last updated 29 days ago

Was this helpful?