了解 OS 3.0 主题编辑器的实时渲染模式（限量开放）
实时渲染模式是 OS 3.0 主题编辑器中的一种预览方式，能让您在装修店铺时更快看到修改效果。开启后，修改文本、颜色、间距等设置时，预览区会更快更新，不用一直等待渲染完成，搭建页面更顺畅。本文将介绍实时渲染模式和默认模式的区别、如何开启和切换渲染模式，以及哪些设置项支持实时渲染。
注意：
|
实时渲染模式与默认模式的区别
主题编辑器默认使用「默认模式」进行预览。在这个模式下，每次修改设置后，系统要先完成渲染，才会更新预览。
「实时渲染模式」是一种更快的预览方式。开启后，修改文本、颜色、字号、间距等常用设置时，预览区会更快显示修改效果。
如果您在装修店铺时需要反复调整内容和样式，比较适合使用实时渲染模式，例如：
- 修改标题、文案和按钮文字
- 调整颜色、背景色和配色方案
- 调整间距、对齐方式和字号等样式
- 快速查看设置修改后的页面效果
两种模式的主要区别如下：
| 对比项 | 默认模式 | 实时渲染模式 |
| 预览方式 | 系统完成渲染后更新预览 | 支持的设置项修改后，预览更新更快 |
| 适合场景 | 日常店铺装修 | 需要反复调整文本、颜色、样式等设置 |
| 支持范围 | 支持完整的编辑器功能 | 主要支持不需要读取店铺数据的设置项 |
| 开启方式 | 进入编辑器时自动使用 | 需要手动切换，可随时切回默认模式 |
开启实时渲染模式
请按以下步骤开启实时渲染模式：
- 在 SHOPLINE 管理后台，前往【在线商店】 > 【设计】，进入主题编辑器。
- 在主题编辑器中，将模式从【默认模式】切换为【实时渲染模式】。
- 页面会自动刷新并开始加载。加载完成后，即可继续编辑主题。
开启后，修改支持实时渲染的设置项时，预览会更快更新。
实时渲染模式支持的设置项
实时渲染模式主要支持文本、颜色、样式等常用设置项。需要读取店铺数据的设置项（如图片、商品、菜单）暂不支持实时渲染。
支持实时渲染的设置项
以下设置项通常用于调整页面内容和样式，包括但不限于：
- 文本类：单行文本、多行文本、富文本
- 颜色类：颜色选择器、渐变色选择器、配色方案
- 字体与布局类：字体选择器、边距设置、文本对齐、水平对齐、垂直对齐
- 通用选项类：滑块、下拉框、开关
- 其他：支付图标、分组标题
暂不支持实时渲染的设置项
以下设置项需要调用店铺里的图片、商品等资源，暂不支持实时渲染，包括但不限于：
- 图片与视频类：图片选择器、视频选择器、外部视频链接
- 商品类：商品选择器、商品列表选择器、商品集合选择器
- 博客与页面类：博客文章选择器、博客集合选择器、自定义页面选择器
- 导航与链接类：菜单导航选择器、链接（URL）输入框
- 代码类：Sline 代码输入框、HTML 代码输入框
- 网站图标：网站图标（Favicon）上传
| 注意：编辑以上设置项时，预览仍会按默认模式的方式刷新。 |
常见问题
问题 1：为什么我看不到实时渲染模式的切换入口？
实时渲染模式目前仅支持 OS 3.0 主题。如果您没有看到切换入口，请先将店铺主题升级到 OS 3.0 主题。
问题 2：开启实时渲染模式后，为什么页面会刷新？
切换渲染模式时，系统需要重新加载对应模式的编辑器，所以页面会刷新。刷新后即可继续编辑。
问题 3：为什么有些设置项修改后没有实时生效？
实时渲染模式主要支持文本、颜色、样式等设置项。图片、商品、商品集合、菜单、视频等设置项需要读取店铺数据，所以暂不支持实时渲染。
问题 4：切换渲染模式时提示需要先保存，是什么意思？
如果当前页面有未保存的修改，系统会暂时不允许切换模式，以免修改内容丢失。请先保存，再切换。
问题 5：下次进入主题编辑器时，会默认使用哪个渲染模式？
如果没有清除浏览器缓存，系统会沿用您上次退出编辑器时的模式。如果清除了缓存，会恢复为默认模式。