Use WordPress is_page_template() in JavaScript
To use is_page_template()
in JavaScript I do the following in a function hooked to wp_enqueue_scripts
:
Enqueue JavaScript file, make is_page()
and the current page_template
available in a variable through wp_localize_script()
/* Functions.php */
function enqueue_scripts() {
wp_enqueue_script('main-js', get_template_directory_uri() . '/assets/js/main.js', array('jquery'), '1.0');
$data = array(
'is_page' => is_page(),
'page_template' => get_page_template_slug( get_queried_object_id() ),
);
wp_localize_script('main-js', 'site_data', $data);
}
add_action('wp_enqueue_scripts', 'enqueue_scripts');
In the main.js file, add the function that mimics the WordPress is_page_template
function.
/* main.js */
function is_page_template(string) {
if (string && site_data.is_page) {
return site_data.page_template === string;
}
return false;
}
Written by pimschaaf
Related protips
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Function
Authors
Chip Castle
21.68K
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#