更改WooCommerce变量产品上的“重置变体”按钮的功能

编程问答 2022-06-07

问题描述

当用户单击“重置”时，我希望选择默认变体（加载页面时的方式），而不是默认功能（取消选择所有变体属性）。我想在不刷新页面的情况下实现此目的，刷新会得到相同的最终结果，但速度太慢。

我有一些JavaScript可以选择默认版本

 for (const property in default_attr) {
                if(default_attr[property] == undefined) {
                    jQuery('select[data-attribute_name="'+ property +'"]').prop('selectedindex',0);
                    var thSelector = 'ul[data-attribute_name="'+ property +'"] li';
                    jQuery(thSelector).removeClass('selected');
                } else {
                    jQuery('select[data-attribute_name="'+ property +'"]').val(default_attr[property]);
                    var thSelector = 'ul[data-attribute_name="'+ property +'"] li[data-value="'+ default_attr[property]+'"]';
                    jQuery(thSelector).click().addClass('selected');
                }
                
            }

但是，当我将其合并后，默认代码仍将首先运行，因此用户会看到所有属性都未选中，然后选择了默认变体，看起来很糟糕。

如何运行我的JavaScript而不是默认的重置功能？

或者更好的是，我可以在我的functions.PHP文件中添加什么，以便在单击“重置”时，网站运行在加载页面时运行的代码，该页面选择了默认版本？

希望这一切都说得通，这是我在这里的第一篇文章。干杯

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascriptproduct-variationswordpress