IF statement to hide custom term image when empty - Meta Box

This topic has 1 reply, 2 voices, and was last updated 2 years, 4 months ago by Peter.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
November 16, 2022 at 10:27 PM #39174
Roderick
Participant
Hi,

I'm trying to figure out the IF statement to use for a custom term image. I wish to hide the image if the 'term image' field is not set. Because now it gives a 404 for this empty image.

Can you help me with the correct IF settings for this type of field?
```
<div class="header-image">
{% set field = attribute( term, 'featured-image' ) %}
<img src="{{ field.full.url }}" width="{{ field.full.width }}" height="{{ field.full.height }}" sizes="(max-width: 2500px) 100vw, 2500px" srcset="{{ field.medium.url }} 600w, {{ field.large.url }} 1675w, {{ field.full.url }} 2000w">
</div>
```
Thanks in advance,
Roderick

Add New Note to this Reply
November 17, 2022 at 10:07 PM #39189
Peter
Moderator
Hello Roderick,

You can check the field variable is not empty to display the image. Here is an example
```
{% if field is not empty %}
    <img src="{{ field.full.url }}" width="{{ field.full.width }}" height="{{ field.full.height }}" sizes="(max-width: 2500px) 100vw, 2500px" srcset="{{ field.medium.url }} 600w, {{ field.large.url }} 1675w, {{ field.full.url }} 2000w">
{% endif %}
```
Refer to this topic https://support.metabox.io/topic/display-header-conditionally/

Add New Note to this Reply
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.