fbpx
Enjoy Year-End Sale: 50% Off All Plugins! Coupon Code: NewYear2025

Conflict with Select2 library

Murilo Pereira de Carvalho

I created a custom control in the Customizer of type multiselect using the Select2 library to select product categories and use them in the WooCommerce product display shortcode. It works well, but when I activate the Vatiation Swatches for WooCommerce plugin it somehow affects Select2 initialization. Inspecting the DOM I noticed the absence of the “select2-results__option–selectable” class and the “data-select2-id” attribute in the Select options. Other problems may be occurring that are already beyond my knowledge. Can you guys help me figure out what’s causing the conflict? I found mentions of “Select2” in the plugin files, but as I said, I don’t yet have the knowledge to understand what might be going on.

Variation Swatches for WooCommerce – DISABLED
Captura de tela 2024-12-26 142551.png

Variation Swatches for WooCommerce – ENABLED

Captura de tela 2024-12-26 142720.png

Even the arrangement of selected elements changes because of the difference in DOM elements loaded by Select2.

Hakik Zaman

Hi Murilo,

Thanks for reaching out to us.

Can you please share a staging site?

You can use this plugin to create a staging site.

Then share the staging site login credentials.

So that we can inspect it to understand the issue.

Hope to hear from you soon.

Thank You