在“缺货”版本之间切换时，可变产品“添加到购物车”按钮会短暂显示

Question

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

所有变体都缺货，但是如您所见，在它们之间切换时，它会短暂显示“添加到购物车”按钮-这是不希望的。 我正在使用主题，但似乎找不到负责此目的的代码。

当没有选择任何变化，然后用户选择缺货变化时，也会出现问题。 它并没有完全显示“添加到购物车”按钮，但是会在“缺货”消息后短暂显示一些内容，然后正确显示。

有人可以帮忙吗？

Answer 1

只需检查站点，问题就可以在这里清楚地看到。

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

是的，有解决方案。

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

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。

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