OS 3.0 主题新功能介绍
SHOPLINE 的 OS 3.0 主题持续推出全新功能,为您提供更高的灵活度与个性化的店铺设计体验。
本文将介绍仅适用于 OS 3.0 主题的最新功能。
| 备注: 如果您是首次使用 OS 3.0 主题,建议先阅读《OS 3.0 主题介绍》,了解其结构、组件与编辑功能。 |
允许顾客在移动端选择每行显示的商品数量
通过此功能,您可以让顾客根据个人偏好自由调整在移动端的商品浏览方式。
启用自定义商品展示布局功能后,顾客可在每行显示 1 或 2 个商品 之间切换,无论是希望以更大的卡片查看商品细节,还是以更小的卡片快速浏览商品,都能灵活实现。
设置步骤
- 在 SHOPLINE admin 后台,前往在线商店 > 店铺设计,进入我的主题页签。选择一个 OS 3.0 主题(例如:Fashion),然后点击设计进入主题编辑器。
- 在主题编辑器中,打开商品列表页模块。在主题编辑器中,切换到移动端预览,开始自定义商品列表页的展示布局。
- 从下拉菜单中选择要编辑的集合页面,在商品列表模块中开启多列切换器,以启用移动端多列切换功能。
- 设置默认与可切换的列数后,点击保存以应用更改。
|
备注:
|
功能限制
- 适用范围: 适用于所有 OS 3.0 主题,Bottle 主题除外。
- 设备限制: 仅支持移动端展示与切换。
- 插件兼容性: 建议在发布前测试与已启用插件的兼容情况,部分插件可能影响商品列表页的显示。
- 系统集成: 本功能不涉及 API 或文件上传操作。
通过可配置的面包屑路径改善导航体验
通过部署传统的路径式面包屑,为您的顾客提供标准、清晰的店铺导航方式。这些增强功能提供了通用的导航,能够显示顾客访问页面的层级路径(例如:首页 / 分类 / 商品)。
新的面包屑系统提供了清晰的、基于路径的导航,以提升顾客体验和店铺可用性。路径中的所有节点(当前页面除外)均可点击,方便顾客轻松导航回上一级页面、分类页或首页。
了解三种面包屑元素
为确保功能清晰,OS 3.0 主题中存在三种不同的面包屑元素,每种元素都有不同的位置和逻辑:
-
新增通用面包屑模块(推荐标准)
- 逻辑: 采用传统的页面路径层级(例如:首页 / 分类 / 商品)。
- 位置: 可以通过主题编辑器中的新增专用区域,添加到所有页面。
-
路径规则:
- 商品详情页: 通常显示为 首页 / {分类标题} / {商品标题} 或 首页 / {商品标题}。
- 博客文章页: 显示为 首页 / {博客分类标题} / {博客文章标题}。
- 使用建议: 这是推荐用于一般导航的模块。
-
经典多级分类面包屑(仅限商品详情页)
- 逻辑: 依赖于商品域的多级分类数据。
- 位置:仅作为模块出现在商品详情页。
|
备注:
|
-
经典商品分类页「首页」节点(可修复):
- 逻辑:叠加在分类图片上的硬编码「首页」节点。
- 位置:仅出现在商品分类列表页上。
- 使用建议: 该节点之前无法配置且被视为错误元素,但更新后,新增的配置设置允许商家将其隐藏。
如何设置
请按照以下步骤启用推荐的新通用面包屑模块并解决传统显示问题。
在 SHOPLINE admin 后台,前往在线商店 > 店铺设计 > 我的主题。
情景一:启用通用面包屑模块
为启用推荐的新面包屑模块,请遵循以下步驟:
- 在主题编辑器中,导航到您想要的页面(例如:首页、商品详情页)。
- 在相应页面模块下,点击添加模块,然后切换到主题分页选择面包屑模块。
- 添加面包屑模块后,根据需要设置偏好的配色方案,选择是否在桌面端和/或移动端启用,并配置其布局。完成后,点击保存以应用您的设置。
| 备注:对于标准、路径式的导航,我们强烈推荐使用此通用面包屑模块。 |
情景二:隐藏传统商品分类页节点
- 在主题编辑器中,导航到商品分类列表页。
- 找到配置設置,以隐藏叠加在分类图片上的硬编码「首页」面包屑节点。
- 点击保存以应用更改。
功能限制
- 多级分类面包屑访问:经典面包屑元素(现已更名为多级分类面包屑)仍需要使用商品域的多级分类数据,并要求商家申请白名单才能访问。
- 隐藏经典商品分类页「首页」节点:商品分类页上的硬编码「首页」元素无法被完全移除,但新功能提供了隐藏它的能力。
在商品详情页内启用灵活的横排布局
此增强功能解决了先前主题布局中的一個關鍵限制,允許商家和第三方應用程式在商品详情页的商品信息區域內實現複雜的、非垂直的排列。以往,商品信息模块被限制為單一的垂直堆疊,無法滿足現代設計需求,例如將數量選擇器與購買按鈕並排,或將心願清單按鈕放置在商品標題旁邊。
通过引入新的結構元素,您可以對商品详情页上特定商品元素的排列獲得精準的控制,這與 OS 3.0 主題提供靈活布局的整體設計理念保持一致。
如何设置
要在您的商品信息區域內對元素應用橫排布局,您將利用一个新的內容容器:
- 在 SHOPLINE admin 后台,前往在线商店 > 店铺设计 > 我的主题。选择一个 OS 3.0 主题(例如:Fashion)并点击设计以进入主题编辑器。
- 在主题编辑器中,导航至商品页面以访问商品详情页模板。
- 在商品模块下,找到商品区域 > 商品信息。將鼠标懸停在商品信息上方,点击 + 图标,然後在主题下選擇内容容器。該容器作為中間層布局,用於獨立調整橫向排列。
- 添加容器後,將鼠標懸停在其上方,以添加标题、价格和数量选择器等信息模块。您可以拖放這些模块來調整其順序。
- 点击内容容器以配置布局,包括模块排列、間距和尺寸等。
- 保存更改。
功能限制
- 主题可用性:Bottle 主题不支援此功能,這是目前唯一排除在外的 OS 3.0 主題。
- 位置限制:橫排布局控制僅適用於主商品信息區域下專用的内容容器節點。它不會覆蓋整個商品详情页模板的垂直排列結構。