How to properly clear product metafields in online stores?

So I have product metafields for fabric content and for care instructions. Each is a single-line text field with no validation.

While I don’t require that anything be entered in either field (and, in fact, hide the field on the product field if it’s blank), it appears you can’t clear a field once you put something in it. At least I can’t. By that I mean, I can hit the clear link in the input box and it clears it on the product card, but whatever was originally in that field continues to show up on the product page (i.e. the customer-facing page).

So on the product card, I have this after clearing the Fabric Content field:

But on the product page, we still see the fabric content info:

Is this the expected behavior? Is there any way to truly clear the field after it has been filled in? I don’t want to enter something like a space because the bold title at the start of the line is also part of the conditional, so it would show the title with nothing after it.

I can think of some workarounds, but would rather it just work properly.

Thanks!

Jason Roberts

Nothing indicates this is liquid related, avoid applying unrelated labels to topics.

Liquid related would be if you removed the related code in templates, or if admin data was cleared and the theme still rendered that data, etc.

When editing a metafield definition in a /products admin page a save prompt at the top of the page should appear. Or before leaving a /products admin page an alert prompt should show notifying you of unsaved changes, the metafields subpage will not alert if using browser navigation but will alert if you use navigation actions in the admin UI.

So you would still need to save the product changes when editing a metafield either in the product admin or the product’s metafield UI.

For the browser UI on desktop if no save prompt, or alerts are appearing try with a clean browser cache, either clear cache in current brower, an incognito tab, or a completely different browser.