OS 3.0 主题介绍

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

OS 3.0 主题亮点

1.全新的组件结构

OS 3.0 主题对组件的组织结构进行了全新的设计，您可以在一个组件中添加更多细分层级的 block，从而实现更为精细的页面设计。通过这种方式，您可以在同一页面中灵活构建和排列不同类型的内容模块，打造出更加丰富、层次感强的页面布局，操作步骤：

1. 进入主题编辑器，打开组件列表。
2. 在任意需要添加下级元素的 section/block 右侧点击「添加内容图标」，即可添加下级元素。
3. 选择要添加的 block，即可添加下级元素。                    

2.灵活的布局样式设置

您可以通过简单的设置调整页面中元素的位置、间距、对齐方式等，使得页面排版更加符合设计需求。在处理复杂的布局时，能更精确地调整元素的样式和排列，操作步骤：

1. 选中需要调整布局排版的 section/block。
2. 在操作栏对排版、边距、尺寸，进行精细化调整。
   

（1）排版：

排版设置	操作	效果
排布方向	有多个元素进行排列时，可以通过排布方向调整。 例：商品详情页中的图片与商品信息位置。
自动换行	当排列元素超出容器的宽度/高度时，自动进行换行展示。
对齐方式与展示位置	用于控制元素在整体容器中的相对位置。 例：文本信息在轮播图上的位置。
间距	同一层级元素之间的行间距、列间距。 例如:商品卡片中图片、标题、价格之间的间距。

（2）边距

当前选中的容器自身的内边距。

（3）尺寸

当前选中元素的绝对宽高，或相对于父级容器的相对大小。

3.移动端调整与预览

排布、边距、尺寸内容，支持针对电脑端、移动端分别调整样式。

当该设备单独调整样式后，对应的配置项将出现下划线提示。

移动端支持选择常见的设备进行预览。

OS 3.0 与 OS 2.1 主题版本差异对比

OS 3.0 主题组件对比

目前 OS 3.0 提供 Fashion 和 Bottle 两套主题。Fashion 涵盖了电商通用的组件，适合中小微商家，无需开发情况下，快速配置即可发布使用。Bottle 组件功能相对精简，适合私有化定制开发者无负担的开发、交付商家使用，或者三方主题开发者以此为基础进行二次开发上架售卖。

以下为首页组件对比：

OS 3.0 主题插件兼容性列表

在 Fashion 及 Bottle 主题中，以下插件未支持或未完全兼容，建议先添加为草稿主题进行体验测试，以实际效果为准。

使用 OS 3.0 主题的操作步骤

1. 在 SHOPLINE 后台 渠道 > 在线商店 > 店铺设计 > 主题商城 ，查找 Fashion 主题或直接点击主题介绍页面。
2. 点击 添加主题，装修设计并检查无误后可以点击发布。