> ## Documentation Index > Fetch the complete documentation index at: https://docs.optima.onl/llms.txt > Use this file to discover all available pages before exploring further. # 首頁配置 > 自定義店鋪首頁佈局 # 首頁配置 配置店鋪首頁，打造專業的品牌形象。 ## 首頁結構 首頁由多個\*\*區塊（Section）\*\*組成，從上到下排列： ``` ┌─────────────────────────┐ │ Banner 輪播圖 │ ├─────────────────────────┤ │ 集合列表 │ ├─────────────────────────┤ │ 集合商品展示 │ ├─────────────────────────┤ │ 特色推薦 │ └─────────────────────────┘ ``` ## 區塊類型 ### Banner 輪播圖 展示促銷活動、新品發布等重要信息。 ``` 添加一個 Banner 區塊 ``` ``` 在首頁頂部添加輪播圖 ``` ### 集合列表 展示多個集合的入口，方便顧客瀏覽。 ``` 添加集合列表區塊，顯示「新品」、「熱銷」、「特惠」 ``` ### 集合商品 展示某個集合內的商品。 ``` 在首頁展示「新品上市」集合的商品 ``` ### 特色推薦 推薦特定商品或集合。 ``` 添加特色推薦區塊，推薦「藍牙耳機」 ``` ## 添加區塊 ### 添加 Banner ``` 在首頁添加 Banner，圖片是 [上傳圖片]，連結到 /collections/sale ``` ### 添加集合展示 ``` 在首頁添加「熱銷榜單」集合展示 ``` ### 設置位置 ``` 把 Banner 移到最頂部 ``` ``` 把「新品上市」區塊移到第二位 ``` ## 編輯區塊 ### 修改 Banner ``` 更新首頁第一個 Banner 的圖片 ``` ### 修改標題 ``` 把「熱銷榜單」區塊的標題改成「大家都在買」 ``` ### 調整顯示數量 ``` 「新品上市」區塊顯示 8 個商品 ``` ## 刪除區塊 ``` 刪除首頁的「特色推薦」區塊 ``` 刪除後無法恢復，請謹慎操作。 ## 區塊設置 ### Banner 設置 | 設置 | 說明 | | -- | --------- | | 圖片 | Banner 圖片 | | 連結 | 點擊跳轉地址 | | 標題 | 可選的文字標題 | | 描述 | 可選的描述文字 | ### 集合區塊設置 | 設置 | 說明 | | ---- | -------- | | 集合 | 選擇要展示的集合 | | 顯示數量 | 展示商品數量 | | 標題 | 區塊標題 | ## 預覽首頁 ``` 預覽首頁效果 ``` 修改後建議先預覽，確認無誤再發布。 ## 發布更改 ``` 發布首頁更改 ``` 發布後顧客即可看到新的首頁。 ## 常見佈局 Banner（促銷信息）→ 特惠集合 → 熱銷商品 Banner → 品類集合列表 → 各品類商品 Banner → 新品集合 → 熱銷集合 → 特色推薦