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

我在我的網站上有一些Shopify購買按鈕。它們在桌面瀏覽器上顯示效果良好 - 該網站具有響應能力，按鈕可在桌面瀏覽器上的所有視口查詢中顯示。Shopify購買按鈕不顯示在手機上

在移動設備上查看網站時，我沒有購買按鈕。我認爲這可能是一個跨域問題，所以我在本地託管了shopify javascript文件，並獲得相同的行爲。

我嘗試了現在購買按鈕的所有不同版本，並獲得相同的行爲。

是否有一個原因，我看不到在移動設備上購買按鈕？網站是www.redlamp.com.au/myriad/shopify2.html

來源

2017-03-26 Black_Stormy

你解決了嗎？我試着在移動設備上購買按鈕。 –

不，尚未修復，您使用的是什麼設備和瀏覽器？按鈕仍然不會在Android上使用Chrome瀏覽器顯示。我看過其他網站使用相同的技術，他們也沒有出現。 –

我用我的iPhone 6 Plus運行最新的iOS。 –

我發現的罪魁禍首 - 我用我自己的基本的添加/刪除類功能擴展了對象。刪除以下代碼可解決問題：

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; 
}

謝謝！

來源

2017-03-28 02:29:23

有一個在shopify代碼buy-button-storefront.min.js:7 TypeError: Failed to execute 'fetch' on 'Window': Invalid value(…)

錯誤似乎fetch無法使用你的Android設備上see more info here。

嘗試在運行Shopify代碼之前添加像that one這樣的polyfill。

或者他們雙方確實存在錯誤。你可以解決這個問題their GitHub repo

來源

2017-03-27 01:51:38

謝謝，polyfil雖然沒有工作。我在他們的github上提出了一個問題。奇怪的是，它在Chrome桌面上工作正常，但如果我打開開發人員工具並進入響應模式，然後刷新頁面，我得到該錯誤。這是專門與移動視口的東西... –

很高興我幫助。讓我知道。 –

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

回答

相關問題