Add info about specific products at collection/search grid view level

Store Design
, ,

Topic summary

Goal: Show a hover message on specific products in the collection grid (and potentially search results) about extra freight charges.

Metafields: Use Product metafields (custom fields added per product), not Collection metafields, since the info is product-specific.

Theme implementation (Taste): Edit Snippets/card-product.liquid, which renders product cards in collection/search grids. Insert the display code where the message should appear and reference the product metafields via the card_product object.

Key change: Replace {{ product.metafield.namespace.key }} with {{ card_product.metafield.namespace.key }} so the metafield value loads in the grid context.

Status: The info already shows on product pages, but not yet on collection pages; the provided steps are intended to enable it. Details for the search grid template were not covered.

Assets: A screenshot was shared to indicate the file/location; no other attachments.

Outcome: Clear, actionable guidance provided; no confirmation yet from the requester, so the thread remains open.

Summarized with AI on January 2. AI used: gpt-5.
1

Hi community,

I’d like to add some information about specific products, in the collection grid view and potentially in the search grid view when visitors search a product via the search bar and a bunch of products come up.

Is that achievable with Metafields? Can someone point me to the right direction?

I’d like people to see a little message pop up when hovering on specific products, about additional freight charges.

I’ve already added the info in the products themselves using Metafields, however I’d like to make it extra clear at collection level as some visitors may not bother viewing the product and reading the description.

I am using the Taste theme and the website is spritznco.com.au

Thank you,

Alice

2

Hello @alice_spritznco , Yes you can display the extra information using the product meta-field on the Collection page.

3

Could you give me some more details please? Do I create a product or collection metafield? I tried the other day but I wasn’t able to have that show on the collection page, while I could with the product metafield on the product page.

4

If you want to display the product information, You have to create a Product meta-field to add information for each product. As you are using the "Taste" theme you will find a file named “card-product.liquid” in the Snippets. Add your code to the file where you want to display the information. Replace the “product” object with “card_product”. For example, “{{ product.metafield.namespace.key }}” replace with “{{ card_product.metafield.namespace.key }}”

Screenshot_9.png
Screenshot_9.png1847×753 86.6 KB