Product card: Quick view gallery

This guide is used to instruct you on creating the metafields and metaobjects required to display additional information on the card.

Create metaobject and add entry

1. In Admin dashboard > Settings > Metafields and Metaobjects > in the Metaobject definitions box > Add definition

2. In the Add definition window, enter the correct name and type for each field:

• Badges - One value - Image (File)

• Badges dark mode - One value - Image (File)

After creating the fields, click Save to create the metaobject.

3. After creating the metaobject > In Admin dashboard > Content > Metaobjects > Badges > Add entry

Select the images -> click the Save button to create the entry.

Create product metafield

1. In Admin dashboard > Settings > Metafields and Metaobjects > Products under Metafield definitions > Add definition

2. Inside the metafield window, there are 2 fields you need to pay attention to:

• Name: The name of the metafield: enter the correct name Product badges

• Type: The metafield type—choose List -> Metaobject -> Badges

After filling in the information, click Save to create the metafield

Assign values for Metafield

1. Go to Product > select a product > scroll to the product page metafield section > enter the information into the metafield

2. Select the values in the metafield Product badges > these values will be displayed in Product card style quickview gallery