Demo

If you want to have a section that displays different content for each product/collection page, you use MetaObject to build the data structure and connect with the section of the theme.

In this article, we guide you on building an 'Accordion' on product page. You can do similar steps for other sections. Let's check this example:

1. Create MetaObject

• Go to Content > MetaObject > Add definition > Fill in any name you want. Example: Accordion for FAQ

• Click 'Add field' > Then you create some fields for data in the section.

Note: The type in each field must be matched with the field type in theme section.

Example: if you use Accordion. You will create 2 fields:

• Accordion label => Single text (One value)

• Accordion content => Rich text

Click 'Save'. Please follow this video:

2. Add entry

Go to Content > MetaObject > 'Accordion for FAQ' > 'Add entry'

You fill in the data for each Accordion item you want. Follow this video:

3. Create Metafield definition

Go to Settings > Custom data > Products/Collections (If you are building the section on collection page) > Add definition

• Name: Any name you want. Example: FAQ product

• Content type: Metaobject

• Reference: "Accordion for FAQ" at step 1

• One entry or List of entries (if you want to have many accordion blocks for each product)

Please follow video below:

4. Select entry for Products/Collections

Go to Products > open product > scroll down to Metafields > Select entry. You can select one entry or many entries.

Follow this video:

5. Connect MetaObject in Theme customize

Go to Theme Customize > Product page > open section > 'Connect dynamic source' with MetaObject.