時裝電商首頁
服飾品牌電商首頁:新品輪播、分類入口、造型精選、會員招募
Pro電商ecommerce6 個區段
安裝
npx shadcn@latest add "https://webberui.com/r/fashion-store-home.json?t=<安裝 token>"整頁原始碼會落在 app/templates/fashion-store-home/。也可以改用長效授權金鑰:在 components.json 的 registries 設定 Authorization: Bearer <key>,適合 CI 或多人共用的專案。使用範圍見授權條款。
包含的區段
同一套模板內的區段共用設計 token,所以抽換、重排之後配色、間距與動畫節奏仍然一致。可在區段組裝器裡挑選組合。
- 1
公告條與品牌主視覺
跑馬燈公告條、含購物袋計數的黏性導覽列,以及 AW26 季度大片與雙 CTA 的首屏主視覺。
hero - 2
依分類選購
女裝、男裝、包袋配件與鞋履四張布料質感入口卡,滑入顯示螢光青箭頭與商品件數。
gallery - 3
本週新品網格
八款秋冬單品網格,滑入預覽第二配色並自底部滑出加入購物袋按鈕。
product - 4
造型精選手冊
五套造型師搭配提案以橫向捲動軌道呈現,左右箭頭控制並附會員解鎖 CTA 卡。
gallery - 5
會員權益招募
深色背景的會員招募區塊,左側入會文案與三項數據,右側四張專屬權益卡。
features - 6
品牌頁尾與電子報
品牌介紹、Email 電子報訂閱表單、三欄站內連結與版權法務資訊。
footer
收錄於開店套件
套件把這套模板連同相關元件、SEO 骨架與台灣在地欄位打包成一條安裝指令。
你拿到的是原始碼
不是 npm 套件、不是 zip 檔。安裝之後整頁的 TypeScript 原始碼就在你的 repo 裡,可以任意修改、無執行期相依、沒有到期失效機制——我們的網站故障不會影響你已上線的網站。
瀏覽其他 103 套模板 →