Shopify 的一個(gè)好處就是可以靈活地根據(jù)自己的需求自定義優(yōu)化網(wǎng)站，實(shí)現(xiàn)不同的功能。今天來(lái)分享幾個(gè)適用于 Shopify 網(wǎng)站的實(shí)用小技巧。

刪除 “Powered by Shopify” 支持聲明

每個(gè)新創(chuàng)建的 Shopify 網(wǎng)站，在網(wǎng)站底部頁(yè)腳部分默認(rèn)都會(huì)帶有一個(gè) “Powered by Shopify” 的支持聲明，為了讓網(wǎng)站更顯專業(yè)，可以選擇將其刪除。

有兩種方法刪除這個(gè)支持聲明，

第一種：footer.liquid 代碼文件查找刪除

來(lái)到網(wǎng)站后臺(tái)，選擇 Online Store - Themes - Actions - Edit code，左上角搜索框搜索 footer，找到 footer.liquid 代碼文件，點(diǎn)擊，然后在右側(cè)代碼部分用快捷鍵 ’Ctrl+F“ 輸入 ”{{ powered_by_link }}“ 搜索（或者直接搜關(guān)鍵詞 powered 也可以快速查找），

接著將其所在的這一行代碼刪除，然后保存即可。

第二種："Edit languages" 編輯語(yǔ)言模塊查找刪除

來(lái)到網(wǎng)站后臺(tái)，選擇 Themes - Actions - Edit Languages，

在搜索欄中輸入 Powered by Shopify，然后找到下面紅色圖示部分，

然后點(diǎn)擊搜索框，接著按一下空格鍵，插入一個(gè)空格，

最后點(diǎn)擊保持即可。

以上兩種方法都可以簡(jiǎn)單快速的刪除 “Powered by Shopify” ?這個(gè)支持聲明。

屏蔽中文瀏覽器

如果您不希望自己的網(wǎng)站被國(guó)內(nèi)同行訪問(wèn)，那么可以選擇屏蔽掉中文瀏覽器。

來(lái)到網(wǎng)站后臺(tái)，選擇 Online Store - Themes - Actions - Edit code，找到 theme.liquid 文件，然后將以下代碼粘貼到 </head> 之前，最后點(diǎn)擊保存即可。

?<script type="text/javascript">

? ? if (navigator.language)

? ? var language = navigator.language;

? ? else

? ? var language = navigator.browserLanguage;

? ? if(language.indexOf('zh') > -1)document.location.href = 'https://baidu.com';

</script>

當(dāng)訪客在中文瀏覽器上輸入您的網(wǎng)站 URL 訪問(wèn)，會(huì)自動(dòng)跳轉(zhuǎn)到百度首頁(yè)，也可以將上面的 URL 替換為想要跳轉(zhuǎn)到的任何 URL 頁(yè)面或自定義的網(wǎng)站 404 頁(yè)面等。

禁用鼠標(biāo)右鍵，禁止選擇頁(yè)面內(nèi)容，禁止復(fù)制

同樣的，在網(wǎng)站后臺(tái)，找到 theme.liquid 文件，

然后將以下代碼粘貼到 </body> 之前，最后點(diǎn)擊保存即可。

<script>

document.oncontextmenu = function () { return false; }

document.onselectstart = function () { return false; }

document.oncopy = function () { return false; }

</script>

購(gòu)物車按鈕下添加安全付款信任圖片

首先，來(lái)到網(wǎng)站后臺(tái)，選擇 Settings - Files，先將準(zhǔn)備好的安全付款信任圖片上傳到后臺(tái)，然后復(fù)制獲取圖片 URL，

接著，選擇 Online Store - Themes - Actions - Edit code，找到 product-template.liquid 文件，

Ctrl+F 搜索 button，找到加入購(gòu)物車按鈕位置，

然后定位到上圖所在位置，在 {% endif %} 這行代碼下面加入如下代碼，

<div><img src = "您的安全付款圖片 URL"></div>

最后點(diǎn)擊保存即可。

圖片放置位置一般都是在 Sections 文件夾的 product-template.liquid 這個(gè)文件下，但具體不同主題可能稍微有差異，如果找不到同名的 .liquid 文件，可以嘗試類似的 product 的 .liquid 文件。

另外，這個(gè)功能有的主題本身是自帶的，可以先了解下當(dāng)前使用的主題有沒有相關(guān)功能，如果有的話，直接在后臺(tái)對(duì)應(yīng)的功能設(shè)置項(xiàng)添加即可，這樣就不用手動(dòng)添加代碼來(lái)實(shí)現(xiàn)了。

讀取網(wǎng)站產(chǎn)品 JSON 數(shù)據(jù)

在產(chǎn)品 URL 后加“.json”，然后回車，便可從 web 服務(wù)器上讀取對(duì)應(yīng)的產(chǎn)品 JSON 數(shù)據(jù)，將 JSON 文本數(shù)據(jù)轉(zhuǎn)換為 JavaScript 對(duì)象，然后在網(wǎng)頁(yè)中返回查看相關(guān)數(shù)據(jù)。

這樣可以查看任意 Shopify 網(wǎng)站任一產(chǎn)品的創(chuàng)建時(shí)間，發(fā)布時(shí)間，更新時(shí)間，生產(chǎn)商，產(chǎn)品 Tag 等的原始數(shù)據(jù)。也可以快捷鍵 ?’Ctrl+F“ 搜索 SKU，Tag，Creaed，Published 等關(guān)鍵詞來(lái)查看對(duì)應(yīng)的數(shù)據(jù)信息。

類似的查看 Shopify 店鋪 JSON 數(shù)據(jù)的 URL 還有：

• http://xxx.com/products.json

• http://xxx.com/cart.json

最后，提醒一下，在 Shopify 后臺(tái)自定義修改任何代碼之前，記得先備份主題文件，如果因?yàn)榇a修改而出現(xiàn)網(wǎng)站錯(cuò)誤等問(wèn)題，這樣可以及時(shí)恢復(fù)。