每週二 YT 直播 Q&A（可 Discord Call-in）
YT：https://www.youtube.com/@codelove_tw
DC：https://discord.gg/fvCF2whZ9D
⭐️ Shopify 接案服務（給品牌）
https://job.turn.tw/shopify-services
⭐️ Shopify 技術教練（給工程師）
https://job.turn.tw/developer-coaching
⭐️ 台灣 Shopify 開發者 LINE 群（非官方）
https://line.me/ti/g2/YUasX5K3CJ4QdIx76zppjHlh3-q8w-xkSyK1LA
YT：https://www.youtube.com/@codelove_tw
DC：https://discord.gg/fvCF2whZ9D
⭐️ Shopify 接案服務（給品牌）
https://job.turn.tw/shopify-services
⭐️ Shopify 技術教練（給工程師）
https://job.turn.tw/developer-coaching
⭐️ 台灣 Shopify 開發者 LINE 群（非官方）
https://line.me/ti/g2/YUasX5K3CJ4QdIx76zppjHlh3-q8w-xkSyK1LA
Shopify Theme 命名簡短指引（mc- 使用版）
一句話結論
👉 檔名不用 mc-
👉 前端 namespace 才用 mc-
不用 mc- 的地方（保持語意清楚）
檔名
hero.liquid
faq-list.liquid
product-showcase.liquid
snippet 名
button-primary.liquid
product-card.liquid
template 名
product.json
page.about.json
Liquid 變數
product_title
faq_items
應該用 mc- 的地方（避免衝突）
CSS class（最推薦）
mc-hero
mc-hero__title
mc-faq
mc-button
JS 綁定用 selector / data
data-mc-tab
data-mc-modal
data-mc-drawer
JS namespace / event
window.mcTheme
mc:cart-open
mc:variant-change
CSS variables
--mc-color-primary
--mc-container-width
id / utility class
id="mc-modal"
.mc-hidden
可用可不用
asset 檔名
theme-custom.css（建議）
mc-theme.css（也可）
body class
mc-theme（推薦）
最短實務規則
檔名 → 不用 mc-
DOM / CSS / JS → 用 mc-
👉 這樣最乾淨、最穩、最好維護