select2 conflicts
-
Hope someone can assist, how can I exclude the select2.full.min.js script from loading in ultimate members plugin as the theme is using the same script and its causing incompatibility issue with the select dropdown.
thanks
Regards
Derek
-
You can exclude your theme’s select2 script by this UM filter hook:
$dequeue_select2 = apply_filters( 'um_dequeue_select2_scripts', false ); if ( class_exists( 'WooCommerce' ) || $dequeue_select2 ) { wp_dequeue_style( 'select2' ); wp_deregister_style( 'select2' ); wp_dequeue_script( 'select2'); wp_deregister_script('select2'); }Add this code snippet to your active theme’s functions.php file
or use the “Code Snippets” Pluginhttps://wordpress.org/plugins/code-snippets/
add_filter( 'um_dequeue_select2_scripts', '__return_true' );-
This reply was modified 3 years, 5 months ago by
missveronica.
-
This reply was modified 3 years, 5 months ago by
missveronica.
Thank you for the quick response.
I did as you suggested however both scripts are still showing from the theme and UM
Here is a screenshot: https://ibb.co/rc8XwHF
Use only this code snippet and not the bigger one:
add_filter( 'um_dequeue_select2_scripts', '__return_true' );Look at the HTML Source file if you have an id for the theme select2 js file.
The UM id isselect2-jsWell that’s weird. If I look at the source code there’s no select2 js files loaded. Only css files. Also I noticed the code snippet you sent is checking for WooCommerce which I don’t have installed.
The code with test for Woocommerce is the UM Core Script where the filter is being used.
I posted it for better understanding of how the one line code snippet changed the logic in UM.You should only add to your functions.php file this code line:
add_filter( 'um_dequeue_select2_scripts', '__return_true' );Yes CSS files are loaded first but you will find the js files by the end of the HTML source.
Thanks @missveronicatv
Below are the two scripts in the source code.So the theme is looks to be: select2.min.js-js
`<script type=’text/javascript’ src=’***/wp-content/plugins/ultimate-member/assets/js/select2/select2.full.min.js?ver=4.0.13′ id=’select2-js’></script>
‘<script type=’text/javascript’ src=’****/wp-content/themes/freestyle/assets/js/modules/plugins/select2.min.js?ver=87f140a253c11ae9c22556b3f3f3b37a’ id=’select2.min.js-js’></script>
Very good info. This explains why the code snippet has no effect.
Did you have the theme js file before or after the UM js file?@missveronicatv Yes, correct the theme js file is being loaded before the UM js file. thanks
Now you can remove the first code snippet and install this code snippet instead:
add_filter( 'um_dequeue_select2_scripts', 'um_dequeue_select2_scripts_fix', 10, 1 ); function um_dequeue_select2_scripts_fix( $bool ) { wp_dequeue_style( 'select2' ); wp_deregister_style( 'select2' ); wp_dequeue_script( 'select2.min.js'); wp_deregister_script('select2.min.js'); wp_dequeue_style( 'select2-css' ); wp_deregister_style( 'select2-css' ); wp_dequeue_script( 'select2.min.js-js'); wp_deregister_script('select2.min.js-js'); return $bool; }@missveronicatv absolute life saver!! Thanks so much for your help. Really appreciate it. Its now working!
-
This reply was modified 3 years, 5 months ago by
The topic ‘select2 conflicts’ is closed to new replies.