在主题编辑器中设计您的首页（OS 3.0 主题）
您的首页是顾客首次访问您的网店时看到的主要着陆页面。在主题编辑器（OS 3.0）中，您的首页由横幅、富文本、商品网格等各个组件组成，您可以自由添加、删除并重新排列这些组件，打造您想要的版面。
本指南将说明如何在主题编辑器中进入【首页】、添加与排列组件，以及保存并发布您的更改。
|
开始之前：请确认您使用的是正确的工具 本文介绍的是主题编辑器（OS 3.0）中的首页，用于控制顾客在网页浏览器中看到的店铺前台。如果您要设计的是 Shopper App 的首页，请参阅《首页设计》——Shopper App 拥有独立的首页编辑器，其组件（如顶部导航栏、公告栏、底部导航栏等）与主题编辑器无关。 |
在主题编辑器中导航至首页
如需在主题编辑器中打开首页，请按照以下步骤操作：
- 在您的 SHOPLINE 管理后台，进入【线上商店】，然后点击您要编辑主题的【设计】。
- 在顶部工具栏中打开页面选择器，确认已选中【首页】。
将首页视为组件画布
您的首页在主题编辑器中是一个由组件组成的画布，例如横幅、富文本和商品网格等，您可以自由添加、删除和重新排列这些组件。大多数主题默认已包含一组组件，例如主视觉横幅和引导性的富文本组件，您可以保留、编辑或替换它们。
首页旁显示的【页头】和【页脚】区域适用于您店铺的所有页面，相关内容请参阅《在主题编辑器中设计页头与页脚（OS 3.0 主题）》。您在【首页】添加和排列的组件仅影响首页本身。
在首页添加和排列组件
如需在首页添加、排列并发布组件，请按照以下步骤操作：
- 在左侧边栏中，点击【添加组件】。
- 浏览可用组件列表，选择您要添加的组件。
- 点击该组件以打开其设置面板并配置内容。
- 部分组件支持通过【添加内容】在其中插入额外的模块，例如为轮播图添加一张图片。
- 在边栏中拖放组件以调整其在页面上的顺序。
- 点击【保存】，将更改保存为草稿，不会影响您的线上店铺。
- 点击【发布】，立即将更改应用到您的线上店铺。
|
注意：
|
常见首页组件及其配置位置
您的首页支持数十种组件，但其中几种特别常用于展示商品和提升互动。本节将介绍商家最常使用的组件，以及在哪里可以找到它们的全店通用设计设置。
在首页展示商品
许多商家会使用【精选合集】、【推荐商品】和【精选商品】这三个组件，在首页向顾客介绍商品。
- 【精选商品】：可以让您在专属的商品网格中突出展示特定合集，例如新品上市或畅销商品并设置标题；如果想同时展示多个合集，还可以加入分页标签。
- 【特色推荐商品】：会自动为顾客展示商品推荐，让您不需要手动策划特定合集即可展示相关商品。
- 【单个商品】：将单一商品作为主视觉重点呈现，适合用来突出新品或畅销商品，搭配商品图片与行动号召按钮。
在首页添加互动式商品展示
【可购物图片】和【可购物视频】让顾客可以直接从视觉内容中探索并购买商品，不需要离开首页。
- 【可购物图片】：让您可以在图片上标记一个或多个商品作为可点击的热点，顾客不需要离开首页就能查看商品详情。
- 【可购物视频】：的运作方式相同，只是套用在影片内容上，顾客可以点击影片旁出现的商品卡片查看详情，或在观看的同时将商品加入购物车。
|
注意：
|