Sugar8
Shopify 前台客製與功能開發・Dawn
為 Sugar8 台灣站與海外站進行 Shopify 前台客製化與功能開發，
兩站皆基於 Dawn 主題建置。
此案無提供設計稿，僅依業主給定的參考網站，自行規劃架構與樣式並完成實作。
因原站過度依賴外掛導致諸多問題，重新安裝主題並以客製化降低外掛依賴，
客製尺寸表彈窗、以 localStorage 實作無外掛收藏功能，
並協助子網域串接與地區切換，支援跨境電商需求。
專案自 2026 年 1 月啟動，目前仍持續配合調整中。
挑戰與解法
// 每個功能點都是在平台限制下，用客製化方式解決實際業務需求。
01重新安裝主題，降低外掛依賴並排除遺留問題
因原站大量使用外掛導致樣式與功能衝突，重新安裝 Dawn 主題並以客製化取代部分外掛，建立更穩定的前台基礎。
02客製商品尺寸表彈窗，整合多分類與單位切換
開發尺寸表彈窗功能，支援多分類內容與公分／英寸等單位切換，提升商品資訊完整性。
03使用 localStorage 開發無外掛商品收藏功能
不額外安裝收藏 App，以 localStorage 實作輕量收藏功能，維持網站乾淨並降低維護成本。
04協助子網域串接與地區切換，支援跨境需求
配合子網域設定與地區切換邏輯，讓不同地區使用者能有對應的瀏覽與購物體驗。
05客製具收合動畫的特規 Liquid 分頁
依據品牌提供之參考網站，開發帶有收合動畫的特規頁面，強化內容呈現與互動細節。
06客製客服按鈕，點擊開啟 Shopify Inbox 聊天室
開發客服按鈕互動，點擊後直接開啟 Shopify Inbox 聊天室，提升諮詢便利性。
頁面展示
Home
// 重新安裝並客製 Dawn 主題，建立穩定且符合品牌的首頁結構。
Category
// 商品分類頁調整，優化列表呈現與瀏覽體驗。
Product Detail
// 商品細節頁客製，整合尺寸表入口與相關資訊呈現。
Size Chart
// 客製尺寸表彈窗，支援多分類內容與單位切換。
Size Guide
// 客製化尺寸指南頁面，提供分類收合與單位切換功能，以符合品牌需求。
Wishlist
// 使用 localStorage 實作的輕量化商品收藏功能，降低對外掛的依賴。
Shipping & Delivery
// 客製化 Shipping & Delivery 頁面，根據參考網站進行開發。
Returns & Exchanges
// 客製化 Returns & Exchanges 頁面，根據參考網站進行開發。
