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