Shopify購買按鈕未顯示在手機上

Question

我的網站上有一些shopify購買按鈕。 它們在桌面瀏覽器上可以正常顯示-該​​網站具有響應能力，並且按鈕在桌面瀏覽器上的所有視口查詢中顯示。

在移動設備上查看網站時，我沒有購買按鈕。 我認為這可能是跨域問題，因此我在本地托管shopify javascript文件，並且得到了相同的行為。

我嘗試了“立即購買”按鈕的所有不同版本，並且得到了相同的行為。

我在手機上看不到購買按鈕是有原因的嗎？ 網站是www.redlamp.com.au/myriad/shopify2.html

Answer 1

shopify代碼中的錯誤buy-button-storefront.min.js:7 TypeError: Failed to execute 'fetch' on 'Window': Invalid value(…)

似乎無法在您的Android設備上進行抓取 ，請參見此處的更多信息 。

在運行Shopify代碼之前，嘗試添加類似的polyfill。

也許他們這邊確實有錯誤。 您可以在他們的GitHub存儲庫上解決問題

Answer 2

我找到了罪魁禍首-我已經用我自己的基本添加/刪除類函數擴展了Object。 刪除以下代碼可解決此問題：

Object.prototype.addClass = function(clas) {        

    if (this.classList)
        this.classList.add(clas);
    else
        this.className += ' ' + clas;

}

Object.prototype.remClass = function(clas) {        

    if (this.classList)
        this.classList.remove(clas);
    else
        return;
}

謝謝！