I believe your mistake is using main as handle keyword for both script and style, handle must be unique. You don’t have to use wp_register_script (and style) enqueue function does this automatically. You typically use wp_register_script(style) only if you are not sure if script/style will be needed later, if it is enqueued conditionally, but you … Read more
admin_enqueue_scripts using hook_suffix vs GET page
I found it, wp-element. The @wordpress/scripts should handle the heavy lifting of transforming the JSX in the proper way. add_action( ‘wp_enqueue_scripts’, ‘my_enqueue_plugin_js’ ); // Loads on frontend function my_enqueue_plugin_js() { wp_enqueue_script( ‘my-plugin-frontend’, plugin_dir_url( __FILE__ ) . ‘js/plugin.js’, [‘wp-element’] ); } Once we do this we will have window.wp.element available in our JavaScript. This contains the … Read more
You can do it by checking current post_type. For woocommerce order page, post type is shop_order. So try to change your code as follows. function selectively_enqueue_admin_script_js_for_edit_address($hook) { global $post; if ($post->post_type === ‘shop_order’) { if ($hook === ‘post.php’ || $hook === ‘post-new.php’) { wp_enqueue_script(‘artio-wc-admin-order-page-mod’, ‘/wp-content/plugins/custom_wc_mods/order_page/paste_payment_instructions_and_prompts_into_shipping_address_form_v2.js’, array(), date(“h:i:s”)); /* https://stackoverflow.com/a/31834007 */ /* During development, you could … Read more
The problem Import statement like: import { export1 } from “./module-name.js”; is called static import declaration. Dynamic query string (to force load the latest file) cannot be used in static import declarations. So, to solve this problem, you’ll have to choose one of the following four options: Remove export and import statements from all the … Read more
If I understood your question correctly, you have two JavaScript files: ads.js and banner.js. You want the site to load the updated version of both of these files, whenever any of these files are changed. If this understanding is correct, then you may do the following: function my_custom_theme_scripts() { $ads_version = filemtime( get_stylesheet_directory() . ‘/js/ads.js’ … Read more
Your code seems to be fine, so I think the problem will rather be in your theme. Are you developing your own theme too? The wp_head function calls in those files, which were hooked to wp_enqueue_scripts. It should be in the theme between the head tags, similarly as you see here: https://developer.wordpress.org/reference/functions/wp_head/#comment-900
Using wp_kses_post to escape the texts before setting them in wp_add_inline_script is a good approach to prevent malicious content from being added to the page. This will ensure that the text is properly sanitized and only contains allowed HTML tags and attributes. If you want to allow certain HTML tags and attributes, you can use … Read more
I’d create a function and then use the wp_enqueue_scripts action to add your script to the list; function load_more_scripts() { wp_enqueue_script( ‘tsw-tools-js’, // unique handle name ‘/wp-content/plugins/dl-grid-addons/includes/wp-bakery/tsw/tsw-tools/assets/js/tsw-tools.js’ // path relative to WordPress root directory ); } add_action(‘wp_enqueue_scripts’, ‘load_more_scripts’); More information can be found here: https://developer.wordpress.org/reference/functions/wp_enqueue_script/
Make a variable global and use it for inline script