Hide collage field on productpage when not filled with images (Trade theme)

[TOC-MR]

Hi,

On my productpage i added a field with collage images. However sometimes you don't have enough images to use to fill this section. How can i hide this field automatically when in the backend images are not filled (collage is filled by metafields)?

page with images

page when there are not enough images

Thanks! R.

[namphan · Accepted solution]

Hi @TOC-MR,

Please go to collage.liquid file and add code:

{% if product.metafields.custom.name_01.value != blank and product.metafields.custom.name_02.value != blank and product.metafields.custom.name_03.value != blank
%}
{% endif %}

[namphan]

Hi @TOC-MR,

You can add conditions to it, ex:

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

you can try with name of metafields, it will work fine

[TOC-MR]

Hi, @namphan where do I need to add this one in css?

[namphan]

Hi @TOC-MR,

It is not CSS code, it is changed directly in Liquid code.

If you have no experience with code, I can help you add it.

[TOC-MR]

Hi @namphan,

I have sent you an DM. If you explain it to me step by step, I think I can add it. 

[namphan · Accepted solution]

Hi @TOC-MR,

Please go to collage.liquid file and add code:

{% if product.metafields.custom.name_01.value != blank and product.metafields.custom.name_02.value != blank and product.metafields.custom.name_03.value != blank
%}
{% endif %}

[TOC-MR]

Hi @namphan  Thanks! This is working for the collage section, however the video section is still visible while metafield is empty and no youtube url is linked. I've tried to copy/adjust the code, however video section still visible. So i guess i am doing something wrong 🙂

[namphan · Accepted solution]

Hi @TOC-MR,

Please go to video.liquid file and add code:

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

[TOC-MR]

@namphan it's both working. Thank you very much!