Hey guys.
I recently had to create a custom location rule for fields and although this guide helped, I think it wasn’t quite enough. More specifically, the JS part is missing (and I think it should be there)
So here is how you can fix it:
jQuery(document).ready(function($){
if (typeof acf == 'undefined') { return; }
var acfCustom = acf.ajax.extend({
events: {
'change #page_template_type select': '_change_template_type',
},
_change_template_type: function(e){
var page_template = e.$el.val();
this.update('custom_template_type', page_template).fetch();
},
});
$('#page_template_type select').trigger('change');
});
(you need to create a select field that has the page_template_type id)
You admin_enqueue_scripts/wp_enqueue_script this snippet and you’re good to go.
I’m not sure if this is the right approach, but it certainly works. 🙂
The PHP part remain quite the same:
add_filter('acf/location/rule_types', function ($rules) {
$rules[__('Custom Rules')] = [
'custom_template_type' => __("Template Type", 'acf'),
];
return $rules;
});
add_action('acf/location/rule_values/custom_template_type', function () {
return [
'' => '--------------------------',
'slideshow' => __('Slideshow'),
'gallery' => __('Gallery'),
'other' => __('other'),
];
});
add_filter('acf/location/rule_match/custom_template_type', function ($match, $rule, $options) {
return isset($options['custom_template_type'], $rule['value']) && $options['custom_template_type'] == $rule['value'];
}, 10, 3);
