[Resolved] data-dependent conditional field display in admin

[Author]

Posts

[charleneK]

Tell us what you are trying to do?

I'm attempting to conditionally display a custom field group in a woo commerce order.

Is there any documentation that you are following?

https://toolset.com/course-lesson/custom-fields-conditional-display/

Is there a similar example that we can see?

No

What is the link to your site?

hidden link

I'm attempting to use the data-dependent (advanced text settings) to conditionally display a types group in a woocommerce order post, but i'm not having much luck. using:

NOT (empty($(my_custom_field)))

Basically, I have a simple custom text field created by woo-commerce, when a certain product ordered. meaning if a user orders a certain type of product, then this custom field will be part of the order meta fields.

I also have a custom field group called "Options" (created in toolset types) which I only want to display if the woocommerce custom field exists in the order. trying to conditionally display with data-dependent filter.

I don't seem to be having much luck with
NOT (empty($(my_custom_field)))

also tried
!empty($(my custom_field))

not sure what to try.....

hope that makes sense. thanks much for any help++

[charleneK]

It's looking like this might only work with toolset custom fields? Possible to make it work with non-toolset types fields?

[Nigel]

You are right, the conditional display only works with Toolset fields, not those of 3rd parties.

There isn't any way to make it work with 3rd party fields, you will need a custom solution that doesn't use the Toolset code.

You can add your own JS to the page by enqueuing a script on the relevant admin pages using the admin_enqueue_scripts hook (https://developer.wordpress.org/reference/hooks/admin_enqueue_scripts/).

You'll need to use your browser dev tools to inspect the markup of the admin page in question and identify a selector for the part you want to hide as well as a selector for the input that will determine the conditional display.

Your code will check the value of the input and set the visibility of the target section accordingly, and you'll want to add it via the load and change event listeners, so that the visibility is correct when the page first loads and updates as needed.

If using jQuery the following should help:

hidden link
hidden link
hidden link
hidden link

[Luo Yang]

Hello,

Please let me know if you need more assistance for it. thanks

[charleneK]

My issue is resolved now. Thank you!

I managed a solution by creating a script for my functions.php that checks the field for its value, and then removes the meta fields from the output.