Adding a metafield to a product card

Shopify Discussion
,
1

I’d like to learn how to add a metafield to a product card on https://chusmeatmarket.com/collections/100-fullblood-kosher-wagyu

Any help would be appreciated.

2

Thank you for you’re help with this. These are great instruction for the product pages. Do you have any insights on how to add metafields to product cards on collection pages?

3

Do you now the liquid code?

4

Hi @chusmeatmarket

May I ask which meta fields do you want to add to the product card?

Best,

Daisy

5

Hi @chusmeatmarket ,

Adding a metafield to a product card on your collection page can help display additional, customized information. Here’s a straightforward approach:

  1. Set Up Your Metafield: Go to Settings > Custom Data > Products and create the required metafield definition.
  2. Access Theme Code: Navigate to Online Store > Themes > Edit code.

Modify Product Card Template: Locate and edit the template file (e.g., product-card.liquid) to include your metafield with the code:

liquid

{{ product.metafields.namespace.key }}
  1. Replace namespace and key with your metafield values.

SEOPro can assist in ensuring these changes don’t impact SEO by checking the content structure and enhancing your SEO strategy.

Full disclosure: We are the developer of this app. Feel free to reach out to us: [email removed]

Phil

Seopro Developer

6

I got it to work thank you for your help.