How can I hide empty metafields on my product page?

Technical Q&A
, , ,
1

Hi!

I would like to hide metafields when they are empty. Who could help me with this difficulty please?

metafield.jpg
metafield.jpg1288×840 55 KB

My theme is with Refresh.

My website is www.maisoncosya.com

Exemple of product page : https://maisoncosya.com/collections/accessoires/products/new-casual-style-school-backpack-16

I’ve tried a lot of tutorials, but haven’t been successful with any…

Thanks!

2

Hey @Cosya

let’s assume you metafield name is product.metafields.custom.size_chart as shown in the screenshot

deepaksharma_0-1711293346563.png
deepaksharma_0-1711293346563.png1045×627 48.9 KB

then use code like the below example

{% if product.metafields.custom.size_chart !=blank %}
    {{ product.metafields.custom.size_chart }}
  {% endif %}

If you are unable to implement the same then I’m happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

Hopefully, it will help you. If yes then Please don’t forget to hit Like and Mark it as the solution!

3

Where should I put the code?

Thanks!

4

I really can’t do it myself unfortunately. Nothing seems to work. I would be happy if you can do it.

5

Yeah sure I will be happy to fix it for you. Tell me how do you like to be helped?

6

I don’t know. This is the first time I’ve asked. I just want it to work :laughing:

7

If you are interested then mail me I will implement this feature to your store