Display text metafield as product image when no media available - Dawn v12

[sussexresearch]

Hello!

I’m looking for help in displaying a custom metafield that contains text in place of product image when no image is available.

I have Dawn theme v12.

Thanks!

[BSS-Commerce]

Hi @sussexresearch ,

You can follow 3 steps below:

1. Go to Live theme >> Edit code

2. Find file product-thumbnail.liquid

3. In the file product-thumbnail.liquid search for product__modal-opener, around line 80
   Please add the following code at the end of the element

title="{{ product.metafields }}"

Hope it helps @sussexresearch !

[sussexresearch]

This doesn’t seem to work. I’m looking to put a metafield in the spot where the product image goes on the product page.

Product with image:

Product without image:

[BSS-Commerce]

Please Change:

title="{{ product.metafields }}"

to

alt="{{ product.metafields }}"

@sussexresearch