在“缺貨”版本之間切換時，可變產品“添加到購物車”按鈕會短暫顯示

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。

要測試代碼，只需在查看有問題的頁面時打開開發人員控制台即可。 將此代碼粘貼到控制台中。 現在在變體之間切換，現在您可以看到錯誤已消失。