在 OS 3.0 主题中增建 AI 生成组件（限量开放）

为了简化店铺设计流程，SHOPLINE 在主题编辑器中推出了 AI 生成组件功能。这款 AI 助手允许商家仅通过输入文本提示词，即可创建自定义网页模块（如图片横幅或促销区域），无需任何代码知识。

本文将引导您了解 AI 生成组件的设置流程及关键注意事项。此外，SHOPLINE 近期还将推出更多 AI 驱动的相关功能，以进一步优化您的店铺运营。

AI 生成组件的功能特点

AI 生成组件为您构建店铺布局提供了一种灵活且高效的方式。通过利用 AI 模型，您可以创建并管理在整个品牌中保持一致的自定义模块。

• 无需安装应用： 与通过 Section Gallery 插件创建的组件不同，此功能原生集成在主题编辑器中，无需额外安装任何应用程序。
• 全店跨主题共享： AI 组件一旦生成，即可作为可复用组件供全店使用。您可以将同一个组件应用到店内任何现有或未来的 OS 3.0 主题中，无需重复生成。

• 实时预览生成： AI 助手将实时生成代码并渲染页面区块，让您可以在最终确定前预览布局效果。

  注意：生成过程中请停留在当前页面，不要刷新浏览器页面或关闭主题编辑器视窗，否则生成程序将会终止。

• 不影响主题升级： 使用 AI 生成页面 section 不会导致您的主题变为「自定义主题」。 您的主题仍保持官方原版状态，未来仍可享受 SHOPLINE 提供的版本升级服务。

设定 AI 生成组件

AI 助手通过将您的创意转化为功能性的网页模块来简化创建过程。请参考以下步骤，直接在主题编辑器中生成并自定义您的 AI 组件。

1. 在 SHOPLINE admin 管理后台，前往【在线商店】>【店铺设计】>【我的主题】。选择一个 OS 3.0 主题（包括官方、第三方及自定义主题）并点击【设计】以进入主题编辑器。
2. 在主题编辑器中，定位到您想要添加组件的页面（例如：首页）。
3. 在左侧侧边栏中，点击【+ 添加组件】并选择 AI 生成组件入口。这将开启交互式的 AI 生成窗口。
   
4. 窗口开启后，为 AI 提供提示词：
   • 从系统提供的预设示例问题中选择以快速开始。
     
   • 或者，手动输入详细的需求描述（例如：「一个包含三张图片和行动按钮的轮播横幅」）。
     
5. 点击【执行生成】按钮开始流程。AI 将实时生成代码并渲染组件。这让您可以在最终确定前预览布局效果。
6. 组件生成后，选中该组件即可在侧边设置面板中修改细节。您可以像操作普通模块一样，进一步微调其内容、颜色和布局。
   
7. 点击【保存】以应用更改。

如何使用已生成的 AI 组件

AI 组件具有高度的灵活性，一旦在店铺中生成，即可在不同场景下重复使用，无需重新输入提示词。

• 场景 1：跨主题使用 (从 A 主题到 B 主题)：即使您在主题 A（如 Fashion）中生成了 AI 组件，当您切换到主题 B（如 Sipply，需同为 OS 3.0 主题）时，只需在左侧侧边栏点击【+ 添加组件】，在搜索框或列表中找到该 AI 组件的名称即可直接添加。
  
• 场景 2：跨页面使用 (从首页到其他页面)：如果您在【首页】生成了一个满意的 AI 组件，您可以导航至【商品列表页】，通过【+ 添加组件】再次添加同一个 AI 区塊，实现全店风格统一。
  

注意事项与功能限制

为确保最佳页面性能和流畅的设计体验，请留意以下技术要求及区域限制。

• 主题兼容性： 此功能仅适用于 OS 3.0 主题。旧版主题不支持 AI 生成组件功能。
• 内测权限限制： 该功能目前处于 Beta 测试阶段，且需要开通白名单。如需申请访问权限，请联系您的客户经理。