How to hide image if file is empty in MB Views

This topic has 3 replies, 2 voices, and was last updated 2 years, 1 month ago by Roderick.

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

Author

Posts

March 9, 2023 at 5:11 PM #40911

Participant

Hi, I've created a custom field for a term featured image. In MB Views I wish to hide the img tag if no image is selected/added. Unfortunately the following code doesn't work.

Do you have an idea why this is not working?

<div>
{% if attribute( term, 'featured-image' ) is not empty %}
{% set field = attribute( term, 'featured-image' ) %}
<img src="{{ field.full.url }}" width="{{ field.full.width }}" height="{{ field.full.height }}" />
{% endif %}</div>

March 9, 2023 at 5:12 PM #40912

Roderick

Participant

Apologies, here is the code again.

<div>
{% if attribute( term, 'featured-image' ) is not empty %}
{% set field = attribute( term, 'featured-image' ) %}
<img src="{{ field.full.url }}" width="{{ field.full.width }}" height="{{ field.full.height }}" />
{% endif %}
</div>

March 9, 2023 at 8:27 PM #40922

Peter

Moderator

Hello,

You can try to use this code to check if the feature image is not empty to display the image tag on the frontend.

<div>
{% if term.feature_image.full is not empty %}
{% set field = term.feature_image.full %}
<img src="{{ field.url }}" width="{{ field.width }}" height="{{ field.height }}" />
{% endif %}
</div>

April 11, 2023 at 4:52 PM #41426

Roderick

Participant

For future reference in case someone needs to find a solution. I managed to get this working by moving the 'if' condition after the 'set field' line and using 'field.full.url'.


{% set field = attribute( term, 'featured-image' ) %}
{% if field.full.url is not empty %}
<img src="{{ field.full.url }}" width="{{ field.full.width }}" height="{{ field.full.height }}" />
{% endif %}

Author

Posts

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

You must be logged in to reply to this topic.