Subtitle for each product on the collection page

[Milian]

Hi there,

Does anyone know how to add subtitle for each product listed on the collection page using metafields in Prestige theme ? I already created metafield, but the problem is that i can’t find card-product.liquid in the theme code editor and don’t know where to paste metafield. Maybe is called differently then card-product.liquid for Prestige theme ?

Thank you in advance for your help. 

[Dan-From-Ryviu · Accepted solution]

You can try to find "product-grid" or "product-item" for collection page in Prestige theme

[Milian]

Thank you, i found it. 

[Dan-From-Ryviu]

Welcome!

[RogerInfusions]

Hi, I am trying to do the same for Taste Theme. Can you please help me? 
I think the code that needs to be added should go under snippets/card-product.liquid 

<div class="card__content">
<div class="card__information">
<h3
class="card__heading"
{% if card_product.featured_media == null and settings.card_style == 'standard' %}
id="title-{{ section_id }}-{{ card_product.id }}"
{% endif %}
>

My metafield is called custom.product_subtitle.

I am not a coder but I have a basic understanding. Can you help me with writing the code for adding the subtitles? Thanks a lot! 

[Dan-From-Ryviu]

Hi @RogerInfusions 

You can add this code below </h3> in your card-product.liquid file

<span>card_product.custom.product_subtitle</span>

[RogerInfusions]

 Thanks so much for the quick reply. Where exactly do i paste it? I have made an attempt below, but not sure if this is the right placement.

<div class="card__content">
<div class="card__information">
<h3
class="card__heading"
{% if card_product.featured_media == null and settings.card_style == 'standard' %}
id="title-{{ section_id }}-{{ card_product.id }}"
<span>card_product.custom.product_subtitle</span>
{% endif %}

[Dan-From-Ryviu]

Find </h3> right uder this code 

<div class="card__content">
<div class="card__information">
<h3
class="card__heading"
{% if card_product.featured_media == null and settings.card_style == 'standard' %}
id="title-{{ section_id }}-{{ card_product.id }}"
<span>card_product.custom.product_subtitle</span>
{% endif %}

Then add code right below </h3>

[RogerInfusions]

Like this? (see below). I've tried this but doesnt seem to work... 

<div class="card__content">
<div class="card__information">
<h3
class="card__heading"
{% if card_product.featured_media == null and settings.card_style == 'standard' %}
id="title-{{ section_id }}-{{ card_product.id }}"
{% endif %}
>
<a
href="{{ card_product.url }}"
id="StandardCardNoMediaLink-{{ section_id }}-{{ card_product.id }}"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-{{ section_id }}-{{ card_product.id }} NoMediaStandardBadge-{{ section_id }}-{{ card_product.id }}"
>
{{ card_product.title | escape }}
</a>
</h3>
<span>card_product.custom.product_subtitle</span>
</div>

[Dan-From-Ryviu]

Yes, but please change this code 

<span>card_product.custom.product_subtitle</span>

To this 

<span>card_product.metafields.custom.product_subtitle</span>

[RogerInfusions]

Unfortunately, the subtitle is not showing... I wanted to use the subtitle to show my tea ingredients (which i have added as a metafield under products and I have filled out the values) in between my product name and the price. Is there anything im missing? 

[Dan-From-Ryviu]

Please try to use this code 

<span>card_product.metafields.custom.product_subtitle.value</span>

[RogerInfusions]

Still nothing showing... 

[Dan-From-Ryviu]

Could you take a screenshot of your metafield? 

[RogerInfusions]

[Dan-From-Ryviu]

Could you take screenshot of section where did you add the code? 

[RogerInfusions]

[Dan-From-Ryviu]

You added code in incorrect place, please add code above 

{%- if show_vendor -%} in line 164 and check again

[RogerInfusions]

I added the code above show vendor (line 156) and now there is a result showing on the collection page but it is not the metafield value, just the metafield name. 

[Dan-From-Ryviu]

My bad. Please use this code <span>{{card_product.metafields.custom.product_subtitle}}</span>

[RogerInfusions]

now it works! Thank you soooo much!