> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.omegatheme.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 小组件管理

### 小组件管理  
当前支持管理两种组件类型：  
* **轮播组件**：可展示多张图片/视频，支持横向滑动浏览  
* **网格组件**：采用平铺布局，适合快速浏览内容  



#### 创建轮播/网格组件  
两种组件的创建流程一致，具体步骤如下：  

1. 点击 **"立即创建"** 或 **"创建轮播"** 按钮打开表单  ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_nt9gvh.png)


表单包含以下配置项：  ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_vmaac2.png)

* **组件标题**：将作为内容流的展示标题  
* **媒体选择**：  
  点击 **"浏览媒体"** 按钮打开选择器（如下图所示）  ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1n8cj1p.png)

  ![媒体选择弹窗示意图]  ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1r6vjz7.png)

* **媒体排序**：  
  拖动媒体项的把手图标可调整顺序，预览区将实时更新  ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_eu5wnd.png)

* **展示页面**：  ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1w69fpy.png)![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1rjd51a.png)

  当前支持 **首页** 和 **商品页**（可多选）  
* **状态**：  
* *活跃*：组件可发布至店铺前端  
* *草稿*：仅保存在应用中暂不发布  
* **预览功能**：提供两种预览模式  



#### 组件管理表格  
![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_4r55d0.png)

| 字段 | 说明 |
| ---- |
| 组件标题 | 内容流的展示名称 |
| 组件ID | 系统自动生成的唯一标识（用于主题嵌入）<br>*[如何添加到主题?]* |
| 媒体数量 | 当前组件包含的媒体总数 |
| 展示页面 | 组件生效的页面位置 |
| 最后修改时间 | 最后一次编辑的时间戳 |
| 操作项 | → **嵌入主题**：查看指南<br>→ **编辑组件**：修改配置<br>→ **删除组件**：从管理和店铺同时移除 |