How to add custom text to product listings

Store Design
,

Topic summary

Goal: Show coffee tasting notes between product name and price on collection (product listing) pages in the Symmetry theme.

Progress:

  • A metafield was created and successfully displayed on individual product pages.
  • Desired placement and appearance were confirmed via shared images (central to understanding the layout).

Proposed approach:

  • Add the metafield to product cards on collection pages by editing the theme code.
  • Example given using Dawn theme: output a metafield (e.g., custom.textcoffee) in the card-product.liquid template when it’s not blank.

Issue:

  • Symmetry theme doesn’t appear to have a card-product.liquid file, so the exact file/location differs from Dawn.

Current status / next steps:

  • A collaborator offered to help by accessing the store to implement the change in Symmetry.
  • Store owner asked how to proceed with a collaborator request (unclear on process). No final implementation yet; resolution pending.

Key term:

  • Metafield: a custom data field in Shopify used to store and display additional product information.
Summarized with AI on December 22. AI used: gpt-5.
1

Hi All

Is there an app or some easy coding that I can add tasting notes to my store for all coffee products?

On the product listings when viewing collections I want the tasting notes to be between the product name and the price.

I’m using Symmetry theme

2

Hello @jontycasson

You can use the metafield fetaure to add the custom text to the coffee products .

Thanks

3

Great thanks, I’ve been able to successfully add a custom meta field to collect the data I’d like to show. I’ve added said meta field dynamically to the product page under the heading.
I just can’t find a setting to add the dynamic meta field to the collections page where the full list of products is shown.

Are you able to help with that element?

4

Hi @jontycasson

Is this the effect?

1
1588×549 70.7 KB

5

Yep thats the one. and like this

Screen Shot 2024-07-25 at 11.55.14.png
Screen Shot 2024-07-25 at 11.55.14.png856×769 288 KB

6

Hi @jontycasson

You can edit the theme code, using the dawn theme as a reference. Add the following code to the card-product.liquid file, replacing “custom.textcoffee” with your Metafield value.

{%- if card_product.metafields.custom.textcoffee != blank -%}
            {{ card_product.metafields.custom.textcoffee }}

          {% endif %}

Kyle_liu_0-1721956416535.png
Kyle_liu_0-1721956416535.png1296×699 29.6 KB

7

Thank but I dont seem to have a card-product.liquid file in my edit code theme settings.

Im using Symmetry theme from Shopify.

8

I can help you with it. So I need to access your store as a collaborator if possible.

1 Like
9

okay great - thanks your help would be much appreciated.

I’ve never done the collaborator request do I post the code on here?