We want to add custom product metafields to the collection an/or search pages, we use Enterprise The

Technical Q&A
,
1

Hi all,

We use the Shopify Enterprise theme and are very happy with it.

What we are trying to do is add some of the custom product metafields to the search and/or collection pages.

Here is a sample product page. Please note the custom metafields (we can use Lumens for this example):

https://brandnamelighting.com/collections/chandelier-bulbs/products/bulbrite-4-watt-dimmable-clear-filament-b11-candelabra-e12-led-light-bulb-350-lumens-2700k

BNL_0-1749411749988.png
BNL_0-1749411749988.png733×409 19.1 KB

What we are trying to do is also display a few of the custom product metafields in the collection page:

Example collection page:

https://brandnamelighting.com/collections/chandelier-bulbs

We would like to have them as in the screenshot below. See the red type with the arrows pointing to them.

BNL_1-1749412045259.png
BNL_1-1749412045259.png1288×1910 308 KB

2

For collection page this would require editing theme code, which is a bit hard to suggest given it’s a paid theme.

Also, code edits will make theme version updates more complex, so need to consider this as well.

As a workaround without coding you may consider adding a custom label based on metafields: https://support.cleancanvas.co.uk/hc/en-us/articles/12043229185309-Product-labels#custom-label

Can probably style them with CSS to better match your goal.

3

Thank you for your kind reply.

I bookmarked the link you provided to the official Enterprise theme guide. Very useful information! However, for us, the solution you provided will only work for one product metafield, since the max of labels are two, and we already use labels for “New”, etc.

we will need to edit the code. I understand it’s not ideal, but we need it. We did it in the product page, example:

https://brandnamelighting.com/products/4-5w-led-ca10-2700k-filament-e12-fully-compatible-dimming

BNL_0-1749482270785.png
BNL_0-1749482270785.png964×928 143 KB

We really also need it for the collection and/or search result pages.

Can you kindly let us know which file to edit?

Also, if you can provide the code, that would be amazing. We want two things:

  1. Simple text. Example, display the lumens and SKU. See our screenshot in the original post above. No need for fancy coded or ucstom CSS. Just the information.

  2. perhaps display an image (small icon)

Thank you in advance for your kind help.

4

Unfortunately, I have no access to this theme code, so can’t really suggest any edits.

5

Hi @BNL ,

You can add small piece of code at card-product.liquid in DAWN theme.

Please refer the video below for reference.

Hope this will help you…