Shopify PC端怎么適應(yīng)移動(dòng)端?

建立一個(gè)Shopify網(wǎng)站，就要確保網(wǎng)站有良好的自適應(yīng)，尤其是手機(jī)端，因?yàn)榇蟛糠值木W(wǎng)購行為發(fā)生在移動(dòng)端。Shopify網(wǎng)站自適應(yīng)需要優(yōu)化哪些內(nèi)容？

一個(gè)“標(biāo)準(zhǔn)”的購物網(wǎng)站，具備以下頁面：首頁、產(chǎn)品分類頁、產(chǎn)品詳情頁、購物車頁面、checkout頁面、注冊(cè)頁、登錄頁，其他信息頁，比如About Us / Contact Us / Shipping & Delivery / Privacy Policy等。用戶可以在這個(gè)網(wǎng)站上流暢地進(jìn)行注冊(cè)、登錄、購買、結(jié)賬、社交等行為。因此，在Shopify網(wǎng)站自適應(yīng)優(yōu)化中，“標(biāo)準(zhǔn)”站的基本功能、視覺，都需要做好移動(dòng)端適配。

Shopify網(wǎng)站主題自適應(yīng)

Shopify主題，主要有三種正規(guī)的渠道，一是Shopify官方的主題商城，二是，第三方的主題網(wǎng)站，比如Theme forest 和 template monster ，第三種則是直接聯(lián)系其他的主題開發(fā)者。

做好自適應(yīng)，選擇Shopify主題時(shí)需要注意：

1、優(yōu)先選擇自適應(yīng)的Shopify主題。選擇Shopify主題時(shí)，看詳細(xì)的介紹，是否支持自適應(yīng)模式。通常來說，Shopify官方的主題商城大部分都是支持自適應(yīng)的，但是具體的移動(dòng)端顯示效果，還需要商家自行優(yōu)化。

2、比較Shopify主題移動(dòng)端的適配情況。訪問主題的demo站，測試一下不同設(shè)備的適配，顯示狀況。

3、測試Shopify主題的加載速度。每一個(gè)在售的主題，不管是Shopify官方的主題商城，還是Theme forest的，都有自己的demo站，可以先將demo站拿去測一下訪問速度。

4、查看主題是否支持Shopify的section功能。section功能，即網(wǎng)頁模塊拖拽自定義模板功能，可以隨意添加，排序模塊，否則網(wǎng)頁排版是固定的，不方便后期優(yōu)化。

模板自適應(yīng)移動(dòng)端，無需單獨(dú)為移動(dòng)端優(yōu)化模板。

不過，在裝修店鋪的時(shí)候，如：網(wǎng)站首頁封面大圖以及產(chǎn)品的詳細(xì)頁排版，需要一邊裝修一邊查看移動(dòng)端的效果，反正如果一直只看默認(rèn)的桌面端效果，移動(dòng)端的展示和排序會(huì)體驗(yàn)不佳。