主題選擇指南
主題決定了你的店鋪第一印象。選錯了換起來很費事;選對了,加個 Logo 就有樣子。
主題的本質
Shopify 主題 = HTML + CSS + Liquid 模板
主題控制的是: - 每個頁面的版面佈局 - 字體、顏色、間距系統 - 功能模塊(Sections)的可用選項
主題不控制的是: - 你的商品數據(在後台管理) - 訂單和支付流程(Shopify 核心控制) - App 的功能(App 自己負責)
免費主題 vs 付費主題 vs 定製主題
| 類型 | 費用 | 功能 | 適合 |
|---|---|---|---|
| 免費主題(Shopify 官方) | $0 | 基礎功能完整 | 新店、測試期 |
| 付費主題(Shopify 市場) | $180–$380 一次性 | 功能豐富、設計精美 | 穩定期、需要特定功能 |
| 定製主題 | $2,000–$20,000+ | 完全個性化 | 大品牌、特殊業務需求 |
建議: 月銷售額 < $5,000 用免費主題;$5,000–$50,000 考慮付費主題;$50,000+ 才值得考慮定製。
官方免費主題推薦
Shopify 官方免費主題質量已經很高,不用急著花錢:
| 主題 | 最適合 | 特色功能 |
|---|---|---|
| Dawn | 通用,所有品類 | 快速加載、乾淨現代 |
| Craft | 手工藝、小批量品牌 | 強調品牌故事 |
| Sense | 美妝、保健、護膚 | 柔和設計、大圖展示 |
| Refresh | 服裝、配件 | 豐富的濾鏡和排序功能 |
| Ride | 戶外、運動裝備 | 視覺衝擊力強 |
| Crave | 食品、飲料 | 暖色調、食物友好版面 |
付費主題值得購買的情況
值得購買的特定功能
| 功能需求 | 推薦付費主題 |
|---|---|
| 複雜產品變體展示(顏色色板) | Impulse, Prestige |
| 豐富的產品比較功能 | Motion, Streamline |
| 視頻為主的品牌敘事 | Broadcast, Kingdom |
| 大量商品分類過濾 | Warehouse, Symmetry |
| 豪華品牌感 | Prestige, Expanse |
購買前必做的事
- 在 Shopify Theme Store 預覽演示(不要只看截圖)
- 測試手機版(超過 60% 的訪客用手機)
- 看文檔:這個主題有沒有詳細設置說明?
- 查評分和評論:特別看 1–2 星評論寫了什麼問題
- 確認兼容性:是否支持 Online Store 2.0(必須)
Online Store 2.0:必須知道的版本差異
Shopify 在 2021 年推出 Online Store 2.0 架構,所有新主題都基於此:
| 特性 | 舊主題(OS 1.0) | 新主題(OS 2.0) |
|---|---|---|
| Section(可拖拽模塊) | 只有首頁 | 所有頁面都支持 |
| Metafields 整合 | 需要 App | 原生支持 |
| App Blocks | 不支持 | 支持(App 嵌入更干淨) |
| JSON 模板 | 不支持 | 支持(更靈活) |
重要: 如果你現在用的是 2021 年之前的老主題,強烈建議升級到 OS 2.0 主題。
主題設置的 5 個必做步驟
安裝主題後,按這個順序設置:
Step 1:顏色與字體系統
- 主題設置 → 顏色 → 設定品牌主色(2–3 個)
- 主題設置 → 字體 → 選定標題字體(影響品牌感)
Step 2:首頁 Section 佈局
拖拽調整這些模塊的順序和內容: - Hero Banner(第一屏最重要) - 特色產品集合 - 品牌故事/視頻 - 客戶評價 - 信任保障(免費退貨、安全支付)
Step 3:Header 和 Footer
- Header:Logo、導航菜單、搜索、購物車圖示
- Footer:聯繫方式、重要連結、社交媒體、支付方式圖示
Step 4:產品頁模板
- 主圖展示方式(縮圖列 vs 點擊切換)
- 購買區域佈局(加購按鈕的位置和大小)
- 產品描述展示(折疊 vs 展開)
Step 5:手機版檢查
- 用真實手機預覽,不只用瀏覽器模擬
- 確認按鈕夠大(最小 44×44px)
- 確認導航可用(漢堡菜單)
主題遷移:換主題不丟數據
換主題只影響外觀,不影響:商品、訂單、客戶、設置
換主題的安全步驟: 1. 在「線上商店 → 主題」安裝新主題(不要立即發布) 2. 在預覽模式下調整好所有設置 3. 確認一切正常後,點擊「發布」 4. 舊主題保留在「更多主題」列表(可以隨時退回)
本章執行清單
- [ ] 確認當前主題是否為 Online Store 2.0
- [ ] 在手機上測試當前主題的購買流程
- [ ] 評估:是否需要換主題(用決策矩陣)
- [ ] 如果換主題:在預覽模式完整設置後再發布
下一節:Liquid 模板語言入門——不懂程式也能做的 10 個定製。