站長阿川 · 05月26日

Shopify Theme 客製化怎麼分品質好壞？從 4 個細節分辨普通 vs 專精品質

這兩年剛好幫一些朋友、廠商調整 shopify theme 主題

我發現業界客製化 shopify theme 主題存在一些普遍問題

公司通常會找員工或者有網頁開發經驗的工程師去調整 shopify

簡單整理一下幾個問題點、以及更好的做法

先講結論：後續的內容調整是否只能依靠工程師？

其實最主要的差別就是這點

非 shopify 專精希望儘快把樣式做出來大多數網頁工程師也的確能做到

但從此之後小編團隊、內容團隊要更新網站內容幾乎都要不斷找工程師幫忙沒辦法獨立完成修改

但如果是 shopify 專精的工程師去改其實做好之後小編團隊大多數任務都可以自行完成不用再透過工程師

知識點 1. 是否大量依靠 Custom HTML 完成頁面

我接觸的店家他們的 theme editor 打開大概都長這樣

會看到左側大量使用 Custom HTML 右側大量出現 html 原始碼除了網頁工程師後續很難修改

然後這個是我幫他們製作出來的 theme editor

使用 shopify section + block 儘量把資料結構與樣式準備好未來團隊就可以自行修改

顧客端網頁打開看不出差別但在團隊管理端其實完全不一樣

知識點 2. 是否有大量 product template 存在

我接觸的店家他們後台的 product template 有數十個幾乎是有 n 個商品就有 n 個商品模板

每個商品模板各自使用 Custom HTML 來完成頁面後續小編要更新內容會需要去更新數十個頁面

然後這個是我幫他們製作出來的後台就1個 product template 而已

你沒看錯真的就是1個商品模板而已你可能想說這怎麼可能

但其實幾乎所有商品格局都是一樣的差別只是某些商品要有某些區塊

這應該要用 meta objects + meta fields 來做到

除非是每個商品都有獨立的頁面設計類似專屬 landing page 那麼分別製作 product template 會比較方便

但那樣的話如果都用 Custom html 的話小編還是很難維護還是要規劃好 section + block 才方便維護

知識點 3. 是否有妥善使用 meta objects + meta fields 管理內容

舉例來說商品幾乎都會有這種縮放式資訊業界稱為摺疊面板

我接觸的店家都是用 custom html 或直接在商品敘述使用 html 硬寫來做到

他們的商品管理頁面打開來都沒有特別去做 meta objects + meta fields

下面是 shopify 專精的做法

規劃好 meta objects + meta fields 未來小編自己打開 shopify 後台就能修改

知識點 4. 商品敘述欄位是否整區污染

我幾個客戶的商品管理頁面打開來都是這樣

敘述欄位整區被污染這是因為有些網頁效果工程師直接放 css / javascript 在原始碼導致小編無法正常使用

下面是我幫商家做好的面板因為妥善使用 section / block / meta object / meta field 管理

商品編輯器這邊小編可以自由做一些基礎的格式、樣式修改不會破壞整體頁面不用一直找工程師協助更新

結論

請不要拿著這篇文章跑去指責目前你們家的 shopify 工程師

因為要做到文章提到的 shopify 專精做法其實相當困難 + 相當花時間

一般來說網頁工程師希望完成任務在 shopify 頁面硬著頭皮修改本來就會變成那樣

我只是整理一些知識點分享理想情況下可以做到什麼程度實務上會有一些折衷那也是很正常

站長阿川

⭐️ Shopify 網站開發服務（給品牌）
https://job.turn.tw/shopify-services

⭐️ 小網站開發服務（功能明確、規模不大的需求）
https://job.turn.tw/small-website-services

⭐️ 台灣 Shopify 商家交流 LINE 群（非官方）
https://line.me/ti/g2/PZ_1LILWVWWuzZQ50HNpYA-A3k6QXWF6znqoBQ

⭐️ 台灣 Shopify 開發者 LINE 群（非官方）
https://line.me/ti/g2/YUasX5K3CJ4QdIx76zppjHlh3-q8w-xkSyK1LA