Happening now | Office Hours: Customizing Your Theme With Moeed | Ask your questions now!

Product Subtitle within collection

Solved

Product Subtitle within collection

123michi19
Excursionist
18 2 4

Hi everyone, 

my name is Michael, I started using Shopify some days ago.

I'm using the Refresh template and created a collection which is integrated on my landing page. 

So far everything is working fine. 

Unfortunately the title of each product isn't enough and doesn't look very well. That's why I'd like to have a subtitle on the collection for each product. In the picture below is a more detailed overview I'd like to achieve. 

123michi19_0-1737972544302.png

Searched within the community and found out that a metafield is required. Looks like this on my side: 

123michi19_1-1737972698723.png

Afterwards I tried to integrate the subtitle within my template: 

<p>{{ product.metafields.descriptors.subtitle }}</p>

 

Is it the right place within the template and position? 

123michi19_2-1737972806851.png

 

Unfortunately it doesn't work for me. 

Thanks for your help.

Michael 

 

Accepted Solution (1)
123michi19
Excursionist
18 2 4

This is an accepted solution.

Thank you very much. Right now I has been able with more search in the community to fix my error.

The solution for others was this code within the card_product.liquid file: 

      {% if card_product.metafields.descriptors.subtitle  %}           
              <h3 class="h5">{{ card_product.metafields.descriptors.subtitle.value }}</h3>
            {% endif %}

 

View solution in original post

Replies 8 (8)

ProtoMan44
Shopify Partner
748 60 114

@123michi19 Hey, thanks for posting here.

first please search "{% for " loop in the code then put it in init 

 and also please try <p>{{ product.metafields.descriptors.subtitle.value }}</p>


I hope it will help you 

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!
123michi19
Excursionist
18 2 4

Thanks for your reply. I'm not quite sure if I can follow you correctly with your instruction. Is it possible to describe it more in detail? Am I in the right file / section? 

ProtoMan44
Shopify Partner
748 60 114

@123michi19  i think yes 

please search "{% for " then put <p>{{ product.metafields.descriptors.subtitle.value }}</p> under it, and then check front.

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!
123michi19
Excursionist
18 2 4

Unfortunately not able to get a result for you search string ("{% for ").  

ProtoMan44
Shopify Partner
748 60 114

@123michi19  can I help you with access?
for now, I'm not helping like this, its difficult to understand you. 

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!
123michi19
Excursionist
18 2 4

Yes, would be happy if you can provide me some support on this topic. How can I create access for you and share the details not public?

 

ProtoMan44
Shopify Partner
748 60 114

@123michi19 check your private message here.

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!
123michi19
Excursionist
18 2 4

This is an accepted solution.

Thank you very much. Right now I has been able with more search in the community to fix my error.

The solution for others was this code within the card_product.liquid file: 

      {% if card_product.metafields.descriptors.subtitle  %}           
              <h3 class="h5">{{ card_product.metafields.descriptors.subtitle.value }}</h3>
            {% endif %}