Add subtitle to product grid not working- Dawn theme

[Eli90]

Hi,

I found this video on youtube an it's exactly what I need for my website. The problem is that this guy uses a different theme and for some reason I can't make it work. I believe I'm adding the code in the wrong place.

https://www.youtube.com/watch?v=9MS4ztCZ7P0
- I downloaded the app and followed the instructions, but I probably miss something. 

I ma using the Dawn theme.

My website: sugarfreeeu.com

was trying to add the code here (last line is the new code): 

product-media-gallery.liquid

<button
class="button button--full-width product__xr-button"
type="button"
aria-label="{{ 'products.product.xr_button_label' | t }}"
data-shopify-xr
data-shopify-model3d-id="{{ first_3d_model.id }}"
data-shopify-title="{{ product.title | escape }}"
data-shopify-xr-hidden
{{ product.metafields.custom_design.product_subtitle }}
>

thank you in advance 

[gr_trading]

Hi @Eli90 ,

Seems you are updating the wrong file. kindly refer to the video.

Note:

You don't need an APP to add metafield, you can add metafield using setting -> custom data

The filename will depend on the theme. You have to check it based on the theme.

[Eli90]

@gr_trading thank you for replying, but this was exactly what I asked. Which file should I add the code to ? I wasn't able to locate this one on the Dawn theme.

[gr_trading]

card-product.liquid

[Eli90]

thank you @gr_trading  I tried adding the code to that file, but unfortunately it didn't work

[gr_trading · Accepted solution]

Hi @Eli90 ,

Please refer below video to implement the same.

Hope it will help...

[Eli90]

@gr_trading you are simply amazing!!!!!!!!!!! thank you very much for taking your time to make this amazing video!! It worked perfectly. I'm so thankful!! 👑👑👑👑👑👑👑