Why are my hidden empty meta fields showing again?

Mellowsilcbd · ‎06-29-2023

Hey

iam using Meta fields to show ingredients, shipping details and how to use the product. But for some there are no such informations i looked for a solution to hide the empty meta fields in the frontend. From a different Disscusion i found this code from this discussion Solved: How to hide blank metafields. - Shopify Community

RhiRo · ‎06-29-2023

Sorry! please do

{% if block.settings.content != "" %}
I've tested this locally so hopefully this should work for you 🙂

View solution in original post

RhiRo · ‎06-29-2023

Can I ask why you're using javascript and not liquid?
With liquid, you can wrap the html that you don't want to show if it's empty with an if statement -
eg:

{% if product.metafield.namespace.key != blank %}

<div>

<h1> Here is a metafield bit</h1>

</div>

{% endif %}

If it's one block containing multiple metafield references and you want to remove it if there is nothing there, you can just use or in the if statement
eg

{% if product.metafield.namespace.key != blank or product.metafield.namespace2.key2 != blank%}

<div>

<h1> Here is a metafield bit</h1>

</div>

{% endif %}
This means it will only show if metafield 1 or metafield 2 (or both) exists.

Mellowsilcbd · ‎06-29-2023

First of all thank you for the Reply.

i copied the code from another solution. but i paste it into the theme.liquid area

where and how do i have ti implement ur code to check?

RhiRo · ‎06-29-2023

Hi Mellowsilcbd,
Could you show us in your liquid file where the metafields are referenced - ie the bit where you show the ingredients
Thanks
Rhianna 🙂

Mellowsilcbd · ‎06-29-2023

the script is added above the <head>

RhiRo · ‎06-29-2023

Hi Mellowsilcbd,
No, sorry I mean in the main-product.liquid (or similar, not sure what theme you're using) 🙂
The bit on your product page where you reference the ingredients metafield 👍

Mellowsilcbd · ‎06-29-2023

Hi Rhianna,

do you mean on the "Frontend" of the Store what the Customer sees or in the Backend in the Section Products?

if it helps iam using the Dawn Theme

RhiRo · ‎06-29-2023

Hi Mellowsilcbd,

I mean the code in shopify, not what the customer sees 🙂

Not important right now, but this is all classed as 'Frontend' in web development haha 😄

That does help, thank you.
I just need to see in your code where it says {{ product.metafields. (and then what your metafield is called) }}

Mellowsilcbd · ‎06-29-2023

Hey i think iam pretty stupid right now haha but this is the only thing i can find with {{product.metafields but rating isnt what my ingridents metafield is called

Iam pretty desperate. Iam sorry iam acting so stupid right now haha

Mellowsilcbd · ‎06-29-2023

i added the metafields in the admin settings
maybe this helps

RhiRo · ‎06-29-2023

Ah okay - do you link to them in the theme editor then?

(And not stupid at all!)

Mellowsilcbd · ‎06-29-2023

yes thats exactly how i do it. the shopif support advised me to do so

RhiRo · ‎06-29-2023

Ohh yes great, so in the liquid file if you search for

{%- when 'collapsible_tab' -%}
I'm not sure exactly what yours will look like, as we use dawn but have made a lot of changes over time

{%- when 'collapsible_tab' -%}

{% if block.settings.content != null %}

more code ..

</div>

{% endif %}

{%- when 'reviews-io' -%} - This might not be your next block, but you'll just want the endif before the next 'when'

You will want to add these bold bits in 🙂

Mellowsilcbd · ‎06-29-2023

First Thank you very much.

i just have to ask which liquid file exactly do you mean?

RhiRo · ‎06-29-2023

Hi Mellowsilcbd,

In the main-product.liquid file 🙂

Mellowsilcbd · ‎06-29-2023

Thank you very much so now it should look like this?

RhiRo · ‎06-29-2023

Just move that {% endif %} down two lines, so it is above the {% when 'quantity_selector' %} 🙂

Mellowsilcbd · ‎06-29-2023

i changed it but sadly it isnt working 😞

RhiRo · ‎06-29-2023

Sorry 🥲 I'll take a look

Mellowsilcbd · ‎06-29-2023

now all my Metafields are gone not only the empty once.

RhiRo · ‎06-29-2023

Sorry! please do

{% if block.settings.content != "" %}
I've tested this locally so hopefully this should work for you 🙂

Mellowsilcbd · ‎06-29-2023

Thank you soo much.

it was a rough ride but its working. i hope it will stay this way and wont change like the last thing i tried which stopped working the next day

Thank you very very much for the Support!

Mellowsilcbd · ‎06-29-2023

Thank you very much its Working.

I hope this will hold up because the last think i tried worked for one day and then it didnt.

Thank you very very much it was a rough ride but you helped me soo much!

RhiRo · ‎06-29-2023

Thanks Mellowsilcbd!
Yes sorry it took a little while and that my previous answer was a bit wrong! Technically the content is not "null" as it has the metafield reference i think, even if that metafield is empty. Glad it is working for you now 🙂
Unless you change anything, this should continue to work - we use many if statements in our code reliably.
I wouldn't recommending using Javascript when it is possible to use liquid, it requires the content to load before removing it, so can require extra load time (small in this case) and some people have javascript disabled etc. When using liquid, it means the removal is done first 🙂

jess94 · ‎01-22-2024

Hi @RhiRo ! Thanks for your help to Mellowsilcbd, it works for me too.

Question, how can I make this work too if the block has more than 1 metafields though? Appreciate your help!

Eugene13 · ‎05-31-2024

Hi RhiRo.

I just want to ask if the multicolumn will be hide if the metafield is empty? I have 3 columns saying power, torque and weight saving. I just want to show those 3 columns if they have a metafield value

1080 · ‎06-29-2023

@Mellowsilcbd where you this code added ?

where you create the meta filed ?

I will suggest to when you rener the metafiled that time you can check with

{% if product.meta.  %} {% endif %}

Mellowsilcbd · ‎06-29-2023

The code is added in the theme.liquid section

the meta field is created in products.

Why are my hidden empty meta fields showing again?

Why are my hidden empty meta fields showing again?

Community Blog Articles