shopify-liquid-themes

shopify-liquid-themes

熱門

生成 Shopify Liquid 主題程式碼(區段、區塊、片段),包含正確的 schema JSON、LiquidDoc 標頭、翻譯鍵以及 CSS/JS 模式。在建立或編輯 Shopify 主題的 .liquid 檔案、處理 schema、doc、stylesheet、javascript 標籤或 Shopify Liquid 物件/過濾器/標籤時使用。

115星標
15分支
更新於 2026/7/16
SKILL.md
唯讀
名稱
shopify-liquid-themes
描述

生成 Shopify Liquid 主題程式碼(區段、區塊、片段),包含正確的 schema JSON、LiquidDoc 標頭、翻譯鍵以及 CSS/JS 模式。在建立或編輯 Shopify 主題的 .liquid 檔案、處理 schema、doc、stylesheet、javascript 標籤或 Shopify Liquid 物件/過濾器/標籤時使用。

Shopify Liquid 主題

主題架構

.
├── sections/    # 全寬頁面模組,包含 {% schema %} — 主視覺、商品展示、推薦
├── blocks/      # 可巢狀元件,包含 {% schema %} — 幻燈片、特色項目、文字區塊
├── snippets/    # 透過 {% render %} 重複使用的片段 — 按鈕、圖示、圖片輔助
├── layout/      # 頁面外層(必須包含 {{ content_for_header }} 和 {{ content_for_layout }})
├── templates/   # JSON 檔案,定義每個頁面類型顯示哪些區段
├── config/      # 全域主題設定(settings_schema.json、settings_data.json)
├── locales/     # 翻譯檔案(en.default.json、fr.json 等)
└── assets/      # 靜態 CSS、JS、圖片(建議改用 {% stylesheet %}/{% javascript %})

何時使用什麼