Adding tags or metafields on front page and collection pages.

AdamA32
Tourist
19 0 3

Hey guys, i was looking into adding metafields or preferably tags to the front page and every collection page on my shopify store, i already have it on my product page i just want it to show under the title of each product as i've shown here with the red boxes. I am currently using the Debuitfy theme for shopfify.Screenshot 2023-12-26 at 11.48.00 pm.png

Replies 5 (5)

Rishihuptech
Shopify Partner
351 63 68

Hello @AdamA32 ,

 

You can add the metafields code to the collection grid file. If you are using Dawn theme you can find the file in Snippets named "card-product.liquid".

 

Add the code in the file after the product title:

 

image.png

 

If you are using a different theme then the file name might be different.

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required
AdamA32
Tourist
19 0 3

Are you able to provide me with the code? The metafields are labelled as "subtitle"

Rishihuptech
Shopify Partner
351 63 68

Hi @AdamA32 
Share me the screenshot of metafields you have created, So that i can send you the code because i have to check the namespace and key of the metafields

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required
AdamA32
Tourist
19 0 3

Screenshot 2023-12-29 at 12.26.51 am.png

Rishihuptech
Shopify Partner
351 63 68

Hi @AdamA32 
You can use the below code to show subtitle on the product page,

{% if product.metafields.custom.subtitle %}
{{ product.metafields.custom.subtitle.value }}
{% endif %}
If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required