開發工程 · Shopify Expert
Shopify 商店開發技術顧問
不用養工程師，也能改 Shopify 版型
Shopify 版型想改一個小地方，套版改不到、找外包報價動輒好幾萬，就這樣卡了三個月。
這是什麼
Shopify 商店只要想改一點東西——商品頁多一個成分說明欄、結帳時滿額自動送贈品、把商品資料同步到自己的官網——都得動到 Liquid 版型碼或 API。這個技能讓 AI 扮演資深 Shopify 工程師，幫你寫版型檔、串接 Storefront API、開發自用外掛與結帳擴充，並在交付前跑一次官方檢查工具抓錯。
- 改寫 Shopify 版型的 Liquid 檔案，做出官方主題沒有的區塊
- 串接 Storefront API，把商品與庫存拉到自己的官網或 App 顯示
- 開發自用外掛，處理授權登入與訂單 webhook 等後端串接
- 寫結帳頁擴充與 Shopify Functions，做滿額贈品、隱藏特定貨運
- 用 Shopify CDN 的圖片參數壓縮圖檔，改善首頁載入時間
- 部署前自動跑 shopify theme check，先把語法錯誤抓出來
什麼時候用得上
商品頁加成分說明
保養品品牌在 Shopify 上架，每支產品都要放全成分與使用方式，但官方主題沒有這個欄位，只能全部塞進商品描述，排版一到手機就跑掉。請 AI 用 metafield 做一個獨立欄位，再改商品頁版型顯示成折疊區塊，之後小編只要在後台填空，前台自動排好。
滿額自動送小樣
檔期活動要做「滿 1,500 送旅行組」，Shopify 上的免費外掛不是綁月費就是規則綁死。用 Shopify Functions 寫一支自己的結帳規則，指定金額門檻、指定贈品、指定活動起訖，檔期結束就關掉。省下每月外掛費，規則也完全照自己的檔期走。
官網跟商店同步
品牌有自己的形象官網，商品卻放在 Shopify，兩邊價格與庫存常常對不起來，客人下單才發現沒貨。透過 Storefront API 把商品、價格、庫存即時拉到官網顯示，官網只負責呈現，結帳仍導回 Shopify，後台維護一份資料就好。
怎麼用
- 01
先講清楚是哪一種需求
Shopify 的改法分三種：改現有版型、開發外掛、或另外做一個獨立前台。先告訴 AI 你是想「改商店的樣子」「加一個後台功能」還是「做一個網站接商品資料」，方向定了，寫出來的程式碼才不會白做。
- 02
給店網址與現況
提供你的 myshopify 網址、目前使用的主題名稱，以及要改的那一頁截圖或現有版型檔案。有現成檔案時，AI 會沿用你原本的命名與排版習慣去改，而不是整個主題重寫一遍。
- 03
先在測試環境改
請 AI 用 shopify theme dev 開本機預覽，或在後台複製一份主題當測試版來改，確認畫面與結帳流程都正常再推上正式站。結帳擴充一定要在沙盒測過，直接上線出錯會影響到真實訂單。
- 04
上線前跑檢查
叫 AI 執行 shopify theme check 做語法檢查，錯誤修完再跑一次確認。金鑰之類的資訊絕對不要寫死在版型檔案裡，改放環境變數或後台設定，最後只推送有改到的那幾個檔案。
實際對話長這樣
我的 Shopify 保養品店想在商品頁加一個「全成分與使用方式」的折疊欄位，後台可以每支產品各自填，幫我用 metafield 加版型的方式做。
AI 會先確認你的主題是不是 Online Store 2.0，再給完整做法：後台要建的 metafield 設定（命名空間 custom、鍵值 ingredients、多行文字）、一段直接貼進主題 sections 的 Liquid 程式碼，以及沒填資料時自動隱藏欄位的判斷式。接著教你開本機預覽確認畫面、跑 theme check 檢查語法，最後只推送有改到的檔案，不動到主題其他部分。
幾個實用技巧
- API 金鑰和密碼絕對不要寫在版型檔案裡，Shopify 前台原始碼是公開的，任何人按右鍵檢視都看得到。
- 動版型之前先在後台複製一份主題當備份，改壞了兩秒切回去，比事後一個個回溯省事太多。
- 這個技能依據的是官方英文文件規格，台灣的金流物流（綠界、藍新、超商取貨）要另外把串接方式講清楚。