Sumo select or any other select dropdown is not working for variation changes

Shopify Discussion
1

Hello Team,

I have been working on the select box customization from the last few days. When I am using the default dropdown (select ->option), then variation is working fine. Like when I change the size it reflects on price, image, and hide/show the add to cart button.

However, I want to style the dropdown, so I am replacing the default select box with Sumo select and select2, In this case, styling is working perfect but my functionality is not working. Like when I change the size no other fields reflect no price change, no image change, no more hide/show cart button.

I researched this issue more and more and I am not able to find any solution, I am not able to trigger the change event of default select box after applying this sumo select/select2 or any 3rd party select box.

Is there anyone who can help me to resolve this issue and get out of this stuck.

Thanks in advance!

2

Hello,

Trigger is one through which you can achieve this. But I guess before your trigger your change event is not working that’s why trigger don’t perform its action.
If I’m wrong then you have to write your own callback function but again without change event it will not work. So conclusion is check you change function because without this it will never work.

Thanks

3

Thanks for your reply. I am a beginner to Shopify. So not sure I can manage the code as you mentioned, Do you have any ref link or video which I can refer to do this change.