在“缺货”和“缺货”之间切换时,可变产品“添加到购物车”按钮会短暂显示。变化

时间:2016-01-12 15:28:39

标签: javascript php wordpress woocommerce

请查看http://www.bestvapestore.com/product/goblin-juice-krazak/

所有变化都缺货,但正如您所看到的,当它们之间切换时,它会短暂显示“添加到购物车”按钮 - 这是不可取的。我使用主题并且似乎无法找到对此负责的代码。

如果未选择任何变体,则会出现问题,然后用户选择缺货变化。它并没有完全展示“添加到购物车”按钮,但在“缺货”按钮后显示了一些内容。在正确显示之前短暂留言。

Cany有人帮忙吗?

1 个答案:

答案 0 :(得分:0)

只需查看网站,我就可以清楚地看到问题。

根据我的分析,这是一个主题问题。

是的,有一个解决方案。

尝试了我的代码并完成了基本的测试级别。现在,您可以从这里开始使用此解决方案。

JQuery代码:

jQuery('.variations_button').change(function() {
      if(jQuery('.variations_button').prev().children('.in-stock').length){
           jQuery('.variations_button').css('display','block');
      }else{
           jQuery('.variations_button').css('display','none');
      }
});

此处的过程是将上述代码添加到js文件中,该文件加载到单个产品页面上或创建您自己的并加载单个产品页面的js。

要测试代码,只需在查看有问题的页面时打开开发人员控制台即可。将此代码粘贴到控制台中。现在在变体之间切换,现在您可以看到错误已经消失。