> ## 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 → 新品集合 → 热销集合 → 特色推荐