Home Forums ACF PRO how to: conditional based on taxonomy field


how to: conditional based on taxonomy field

  • I’m trying to show / hide a field based on the checked value of a taxonomy field – found this plugin that does the trick but I do not like to rely on some third party code – do you have. any idea how to do this with just ACF Pro?

    thank you

  • There is only one way to do this in ACF without using additional code.

    Let’s say that the term ID you want to put the field group on is 5 then you can do

    Taxonomy Field > 4 AND
    Taxonomy Field < 6
  • Hello John
    thanks for replying – I’ve seen in another thread you mentioned that before and I tried it but it didn’t work for me whereas the plugin I mentioned actually works

  • Just in case this helps anyone else out…

    Creating an entire plugin seemed like a lot of work to perform a relatively simple task, so I decided to comb through the plugin’s files and see what was actually happening. Lo and behold, all you need is a couple of quick PHP scripts and a JS file to manage the AJAX request.

    PHP for your functions.php file:

    function ws_enqueue_acf_scripts() {
    	$admin_js_path = get_template_directory_uri() . '/path/to/js/ws-acf-conditional-taxonomy.js';
    	wp_enqueue_script( 'conditional-taxonomy-rule-acf', $admin_js_path, array( 'jquery','acf-input' ));
    //enqueue script after ACF is initialized/loaded 
    add_action( 'acf/init', 'ws_enqueue_acf_scripts' );
    //PHP function called by JS file to get taxonomy terms based on the current selection
    function fetch_taxonomy_terms(){
    	if ( is_admin() && ! wp_doing_ajax() ) {
    		exit("No naughty business please");
    	$taxonomy = sanitize_text_field($_REQUEST['taxonomy']);
    	$terms = get_terms(
    			'hide_empty' => false,
    			'fields' =>'id=>name'
    	if ( ! empty( $terms ) && ! is_wp_error( $terms ) ){
    		echo json_encode($terms);die;
    add_action( 'wp_ajax_load_taxonomy_term_choices', 'fetch_taxonomy_terms' );

    & here’s the chunk of jQuery from the JS file:

    	var parseString = function( val ){
    		return val ? '' + val : '';
    	var isEqualTo = function( v1, v2 ){
    		return ( parseString(v1).toLowerCase() === parseString(v2).toLowerCase() );
    	var inArray = function( v1, array ){
    		// cast all values as string
    		array ={
    			return parseString(v2);
    		return (array.indexOf( v1 ) > -1);
    	// Add New option in dropdown options to compare when taxonomy is slected in conditional rule
    	var TaxonomyEqualTo = acf.Condition.extend({
    		type: 'taxonomyEqualTo',
    		operator: '==',
    		label: ('Taxonomy is equal to'),
    		fieldTypes: [ 'taxonomy' ],
    		match: function( rule, field ){
    			var val = field.val();
    			if( val instanceof Array ) {
    				return inArray( rule.value, val );
    			} else {
    				return isEqualTo( rule.value, val );
    		choices: function( fieldObject ){
    			var choicesaa = [];
    				type : "post",
    				dataType : "json",
    				url : acf.get('ajaxurl'),
    				async: false,
    				data : {action:'load_taxonomy_term_choices',taxonomy:fieldObject.$setting('taxonomy select').val()},
    				success: function(response) {
    					$.each(response, function(i, item) {
    							id: i,
    							text: (item)
    			return choicesaa;
    	acf.registerConditionType( TaxonomyEqualTo );
    	var TaxonomyNotEqualTo = TaxonomyEqualTo.extend({
    		type: 'taxonomyNotEqualTo',
    		operator: '!=',
    		label: ('Taxonomy is not equal to'),
    		match: function( rule, field ){
    			return !TaxonomyEqualTo.prototype.match.apply(this, arguments);

    I’m not going to explain what all of that does, but I can tell you it worked like a charm.

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

You must be logged in to reply to this topic.