Load Javascript if acf_form is used

• chrwald

• February 17, 2017 at 11:24 pm

Hello,

I’m using some custom javascript for my acf frontend forms and was wondering if there is any way to load these scripts only when a page has an acf_form.

Are there any hooks I can attach my enque_scripts to?

Regards, Chris

• John Huebner

• February 18, 2017 at 12:32 am

Enqueue your custom JS and CSS on the hook acf/input/admin_enqueue_scripts.

• chrwald

• February 18, 2017 at 4:45 am

Thanks John! I’ve seen this hook, but thought it would only work in wp-admin.

• John Huebner

• February 19, 2017 at 12:21 am

That hook, as I’ve discovered, is run whenever ACF field groups are included on a page, front end or back. Figured it out when I was creating a custom field type and couldn’t get it to work with acf_form().

• SimonBak

• March 28, 2019 at 6:54 am

Hi can you help me with this HOOK.
I want to load specific JS and CSS if there is a specific flexible content on my page and i don’t understand how to use it.
Thanks.

Simon.

• John Huebner

• March 28, 2019 at 7:10 am

This would not be the hook you’d want to use. This is for adding scripts and/or styles to alter the way that ACF fields work.

The hooks and functions you’re looking for are
https://codex.wordpress.org/Plugin_API/Action_Reference/wp_enqueue_scripts
https://developer.wordpress.org/reference/functions/wp_enqueue_style/
https://developer.wordpress.org/reference/functions/wp_enqueue_script/

• SimonBak

• March 28, 2019 at 7:20 am

I need to write something like that for the css ?

function themeslug_enqueue_style() {
if ( get_sub_field(‘slider’) ) {
wp_enqueue_style( ‘parent-stylesheet’, trailingslashit( get_template_directory_uri() ) . ‘style.css’, false );
}

}

add_action( ‘wp_enqueue_scripts’, ‘themeslug_enqueue_style’ );

• SimonBak

• April 3, 2019 at 10:34 pm

Please any help !!
Thanks.