Nokaa

Thank you for thoses clean explanations, I better understand how the enqueue function is working now.

However, I didn’t found yet how to resolve the main problem…
In this example : https://codex.wordpress.org/Function_Reference/wp_localize_script#example all the functions are called in the same file. So it’s an easy way to present the issue. But here members let me know that it’s better to enqueue or register our script in the functions.php file.

I tried to enqueue my script in the functions.php (footer false), and use the localize function in a custom-post-type file where I take my array of data from a wp_query. But it doesn’t work, and I presume that’s because the script is not enqueued in the same file where I use the wp_localize_script function…

If I register my scripts in the same file like the example, it works, but apparently I am not supposed to proceed so… There’s where I’m really stuck.

The localize and enqueue functions are both called from the same hook, so whether they are used in different callbacks (or even files) or the same doesn’t matter much, except the localize script must be called after the script tag has been established by registering. It’s best done in the same callback function so you can be sure of the correct order.

So for example, if I’d well understood, I can process like that :

In functions.php :

[...]
function metierville_enqueue_scripts(){
	wp_enqueue_script( 'google-maps', 'https://maps.googleapis.com/maps/api/js?key=AIzaSyAhE_CVUWwIOzXs-zD-vFdtgWBFWRBhQVY', array('jquery'), '1.0.0', true);
	wp_register_script( 'map_metier_ville_script', get_stylesheet_directory_uri().'/assets/js/google_map_metier_ville.js', array('jquery', 'google-maps'), '1.0.0', true );
	wp_enqueue_script( 'map_metier_ville_script');
}
[...]

In single-customPostTypeName.php :

[...]
$artisans_params = {'my array of data...'}
wp_localize_script( 'map_metier_ville_script', 'artisans', $artisans_params );
[...]

And it should work ?

• This reply was modified 9 years ago by Nokaa.
• This reply was modified 9 years ago by Nokaa.

I agree it’s cleaner but, what about the localize function in this case ?

• This reply was modified 9 years ago by Nokaa.

I figured out that I didn’t use a function to enqueue my scripts… my bad.
I tried to write it like that, but in this way nothing is firing at all.
I don’t have a single mention of my script or google map script in the logs.
Seems that the add_action is not fired :

function metierville_enqueue_scripts(){
	wp_enqueue_script( 'google-maps', 'https://maps.googleapis.com/maps/api/js?key=AIzaSyAhE_CVUWwIOzXs-zD-vFdtgWBFWRBhQVY', array('jquery'), '1.0.0', true);
	wp_register_script( 'map_metier_ville_script', get_stylesheet_directory_uri().'/assets/js/google_map_metier_ville.js', array('jquery', 'google-maps'), '1.0.0', true );
	wp_localize_script( 'map_metier_ville_script', 'artisans', $artisans_params );
	wp_enqueue_script( 'map_metier_ville_script');
}
add_action( 'wp_enqueue_scripts', 'metierville_enqueue_scripts' );

So, I’m always stuck. :/

I also tried to enqueue my script without registered it, just add the params in the enqueue function.

• This reply was modified 9 years ago by Nokaa.
• This reply was modified 9 years ago by Nokaa.
• This reply was modified 9 years ago by Nokaa.

Finally found my error. The script need to be localized and enqueued in the shortcode function, like this :

add_action('wp_enqueue_scripts', 'register_scripts');

function register_scripts(){
	wp_register_script( 'dpe_select_default_script', plugin_dir_url( __FILE__ ) . 'dpe-select-default.js', array('jquery'), '1.0', true);
}

function dpe_get_atts($atts){
	extract(
		$array_variable = shortcode_atts(array(
			'id' => 'test',
			'value' => 'testValue',
		),
		$atts
		)
	);
  
	wp_enqueue_script('dpe_select_default_script'); 
	wp_localize_script('dpe_select_default_script', 'dpe', $array_variable);
}

add_shortcode('dpe-sd', 'dpe_get_atts');

Thank you, I’ll make some research on it 🙂