商品詳情頁

安裝

整頁原始碼會落在 app/templates/product-detail-page/。也可以改用長效授權金鑰：在 components.json 的 registries 設定 Authorization: Bearer <key>，適合 CI 或多人共用的專案。使用範圍見授權條款。

包含的區段

同一套模板內的區段共用設計 token，所以抽換、重排之後配色、間距與動畫節奏仍然一致。可在區段組裝器裡挑選組合。

1. 1

   導覽列與商品主視覺

   頂部導覽、麵包屑與商品圖廊購買面板，含顏色尺寸選擇與加入購物袋。

   hero
2. 2

   購物服務保證帶

   24 小時出貨、兩年結構保固與 30 天退換三項服務承諾橫幅。

   features
3. 3

   商品詳情頁籤

   以頁籤切換商品描述、規格表與顧客評價，含星等分佈與評論卡。

   content
4. 4

   相似商品推薦

   可左右捲動的相似商品卡片列，展示搭配好物與價格評分。

   product
5. 5

   頁尾與電子報訂閱

   品牌介紹、電子報訂閱表單、站點連結與聯絡方式頁尾。

   footer

收錄於開店套件

套件把這套模板連同相關元件、SEO 骨架與台灣在地欄位打包成一條安裝指令。

• 電商開賣包