OS 3.0 主题介绍

SHOPLINE 推出全新的 OS 3.0 主题，支持全新的组件组织结构、灵活的布局排版设置、独立的移动端设计和全新的模板引擎，为您提供了更强大的功能支持，帮助您轻松打造一个性能极佳且符合品牌形象的在线商店。无论是桌面端还是移动端，您都可以享受到更流畅、更精细化的页面设计体验。

 OS 3.0 主题是 SHOPLINE 最新的主题版本，旨在提供更灵活、高效且可自定义的店铺设计体验。无论您是要创建全新网店，还是要更新现有网店，都能帮助您打造品牌风格一致的现代化网店。

本文将介绍 OS 3.0 主题的主要功能，并与 OS 2.1 主题进行比较，帮助您快速上手。

什么是 OS 3.0 主题？

OS 3.0 主题采用全新的主题架构，相比 OS 2.1 主题提供更高的灵活性和自定义能力。OS 3.0 主题具备全新的组件结构、增强的布局控制、专属的移动端设置，以及全新的 Sline 模板引擎，让店铺设计流程更加顺畅。这些改进让您能更轻松地打造现代化、高效能的网店，同时对店铺设计拥有更大的控制权。

下表列出了 OS 3.0 主题与 OS 2.1 主题之间的主要差异，帮助您了解新功能，并选择最适合您业务需求的版本。

OS 3.0 主题与 OS 2.1 主题对比

OS 3.0 主题亮点

全新的组件结构

OS 3.0 引入全新的结构设计，最多支持 8 层嵌套区块。这项增强功能可让您对店铺进行更精细的模块化控制和多层次的设计调整。

这种模块化的灵活性，让您可以在同一页面中灵活安排内容。

如需了解新增分区或区块的详细步骤，请参阅帮助中心「 OS 3.0 主题」分类下对应页面的文章。

灵活的布局样式设置

使用 OS 3.0 主题，您可以轻松调整页面元素的位置、间距和对齐方式，以更贴合您的设计需求。在处理复杂布局时，这些精细的调整能让您有效掌控元素的样式和排列方式。

如需了解调整布局设置的详细步骤，请参阅帮助中心「 OS 3.0 主题」分类下对应页面的文章。

布局设置

布局设置	操作	效果
排布方向	控制多个元素并排显示时的顺序。 例如，您可以切换商品详情页中商品图片与描述的位置。
自动换行	启用后，超出容器宽度或高度的元素会自动换行，而不会溢出容器。
对齐方式与展示位置	控制元素在容器中的相对位置。 例如，您可以将文字置于横幅图片正中央，或将其左对齐。
间距	控制元素行与列之间的间隔。 例如，您可以增加商品卡片中图片、标题和价格之间的间距。

边距设置

定义所选容器的内边距，即容器边缘与内部内容之间的间隔。

尺寸设置

设置所选元素的宽度和高度，可以是固定的像素值，也可以是相对于父容器的百分比。

移动端专属调整与预览

所有布局、边距和尺寸设置都可以针对桌面端和移动端分别自定义。当您为某一设备单独调整设置时，该设置旁会出现下划线标记，表示已启用该设备专属的覆盖设置。

如需预览您的店铺在不同屏幕尺寸下的显示效果，您可以使用以下三种方式：

• 图标切换器：点击主题编辑器顶部【页面选择器】右侧的【桌面端】或【移动端】图标，即可快速切换视图。
• 预览设备选择：在编辑器底部点击【预览设备】，从常见手机和平板型号列表中选择。
  
• 移动端二维码：在编辑器底部，将鼠标悬停在【预览设备】右侧的【二维码】图标上，即可显示二维码，用手机扫描后即可直接在您的设备上预览主题。

OS 3.0 主题与组件支持情况

SHOPLINE OS 3.0 主题分为两大类，以满足不同需求：

• 适合业务使用：如果您想要一款贴合您所在行业的主题，可以前往【主题商店】寻找适合您店铺的主题。目前可选主题包括 Fashion、Sipply 和 Krama，未来还会持续新增。
• 适合自定义开发：Bottle 主题功能较为精简、结构简洁，非常适合商家快速部署，也可作为第三方开发者构建和销售自有主题的基础。

开始使用OS 3.0 主题

要开始使用 OS 3.0 主题，请按照与其他 SHOPLINE 主题相同的安装和发布流程进行操作。如需详细说明，请参阅「选择合适的主题」章节。

在选择 OS 3.0 主题之前，请确保您需要的应用和功能均受支持。OS 3.0 主题使用【应用区块】，而非 OS 2.1 所使用的【应用嵌入】方式，因此部分应用可能尚未完全兼容。