OS 3.0 主题新功能介绍 – SHOPLINE 常见问题

SHOPLINE 的 OS 3.0 主题持续推出全新功能，为您提供更高的灵活度与个性化的店铺设计体验。

本文将介绍仅适用于 OS 3.0 主题的最新功能。

备注： 如果您是首次使用 OS 3.0 主题，建议先阅读《OS 3.0 主题介绍》，了解其结构、组件与编辑功能。

允许顾客在移动端选择每行显示的商品数量

通过此功能，您可以让顾客根据个人偏好自由调整在移动端的商品浏览方式。

启用自定义商品展示布局功能后，顾客可在每行显示 1 或 2 个商品之间切换，无论是希望以更大的卡片查看商品细节，还是以更小的卡片快速浏览商品，都能灵活实现。

在 SHOPLINE admin 后台，前往在线商店 > 店铺设计，进入我的主题页签。选择一个 OS 3.0 主题（例如：Fashion），然后点击设计进入主题编辑器。
在主题编辑器中，打开商品列表页模块。在主题编辑器中，切换到移动端预览，开始自定义商品列表页的展示布局。
从下拉菜单中选择要编辑的集合页面，在商品列表模块中开启多列切换器，以启用移动端多列切换功能。
设置默认与可切换的列数后，点击保存以应用更改。

备注：

通过部署传统的路径式面包屑，为您的顾客提供标准、清晰的店铺导航方式。这些增强功能提供了通用的导航，能够显示顾客访问页面的层级路径（例如：首页 / 分类 / 商品）。

新的面包屑系统提供了清晰的、基于路径的导航，以提升顾客体验和店铺可用性。路径中的所有节点（当前页面除外）均可点击，方便顾客轻松导航回上一级页面、分类页或首页。

为确保功能清晰，OS 3.0 主题中存在三种不同的面包屑元素，每种元素都有不同的位置和逻辑：

新增通用面包屑模块（推荐标准）
1. 逻辑： 采用传统的页面路径层级（例如：首页 / 分类 / 商品）。
2. 位置： 可以通过主题编辑器中的新增专用区域，添加到所有页面。
3. 路径规则：
  1. 商品详情页：通常显示为首页 / {分类标题} / {商品标题} 或首页 / {商品标题}。
  2. 博客文章页：显示为首页 / {博客分类标题} / {博客文章标题}。
4. 使用建议： 这是推荐用于一般导航的模块。
经典多级分类面包屑（仅限商品详情页）
1. 逻辑： 依赖于商品域的多级分类数据。
2. 位置：仅作为模块出现在商品详情页。

备注：

经典商品分类页「首页」节点（可修复）:
1. 逻辑：叠加在分类图片上的硬编码「首页」节点。
2. 位置：仅出现在商品分类列表页上。
3. 使用建议： 该节点之前无法配置且被视为错误元素，但更新后，新增的配置设置允许商家将其隐藏。

请按照以下步骤启用推荐的新通用面包屑模块并解决传统显示问题。

在 SHOPLINE admin 后台，前往在线商店 > 店铺设计 > 我的主题。

情景一：启用通用面包屑模块

为启用推荐的新面包屑模块，请遵循以下步驟：

备注：对于标准、路径式的导航，我们强烈推荐使用此通用面包屑模块。

情景二：隐藏传统商品分类页节点

此增强功能解决了先前主题布局中的一個關鍵限制，允許商家和第三方應用程式在商品详情页的商品信息區域內實現複雜的、非垂直的排列。以往，商品信息模块被限制為單一的垂直堆疊，無法滿足現代設計需求，例如將數量選擇器與購買按鈕並排，或將心願清單按鈕放置在商品標題旁邊。

通过引入新的結構元素，您可以對商品详情页上特定商品元素的排列獲得精準的控制，這與 OS 3.0 主題提供靈活布局的整體設計理念保持一致。

要在您的商品信息區域內對元素應用橫排布局，您將利用一个新的內容容器：

在 SHOPLINE admin 后台，前往在线商店 > 店铺设计 > 我的主题。选择一个 OS 3.0 主题（例如：Fashion）并点击设计以进入主题编辑器。
在主题编辑器中，导航至商品页面以访问商品详情页模板。
在商品模块下，找到商品区域 > 商品信息。將鼠标懸停在商品信息上方，点击 + 图标，然後在主题下選擇内容容器。該容器作為中間層布局，用於獨立調整橫向排列。
添加容器後，將鼠標懸停在其上方，以添加标题、价格和数量选择器等信息模块。您可以拖放這些模块來調整其順序。
点击内容容器以配置布局，包括模块排列、間距和尺寸等。
保存更改。