VortMall 使用文档

页面管理

页面管理是VortMall开源商城系统总后台的核心装修工具,专为移动端页面提供可视化搭建能力。商家可在此创建、编辑、发布移动端页面,通过拖拽模块自由组合内容布局,实现个性化营销展示。
该功能直接影响前端展示:页面发布后,将直接作为移动端的访问入口(如首页、活动页等)。若页面被设为首页,则用户打开移动端商城时默认加载该页面;若绑定PC页面,系统会根据用户设备自动跳转至适配版本。
当前功能仅支持移动端页面装修,PC端页面需通过绑定实现跳转联动,但PC页面本身不可在此装修。

一、操作步骤

  1. 添加新页面
    进入后台-设置-商城装修-页面管理
    点击添加页面
    填写:首页装修模板名称、排序
    点击确认,页面创建成功

截屏2026-03-24 14.00.08.png

  1. 页面操作(针对单条页面)
    设为首页:点击设为首页后,该页面将成为移动端默认首页
    绑定PC页面:输入PC端对应页面名称,启用后用户访问该链接时,系统将根据设备类型自动跳转至移动端或PC端版本
    复制页面:快速克隆现有页面,用于迭代或A/B测试
    装修页面:点击装修进入可视化编辑器
    删除页面:对选中的页面进行删除
  2. 页面装修流程
    点击目标页面的装修按钮,进入装修编辑页
    左侧为模块面板,分为:基础模块:图片广告、图文导航等;高级模块:公告、类目导航、商品分组等
    点击任一模块,自动添加至右侧预览区,在右侧可进行:
  • 调整模块顺序(拖拽上下移动)
  • 设置模块样式(如边距、标题颜色)
  • 关联内容(如选择商品、填写跳转链接、绑定活动)
  1. 装修过程中可随时:
    预览:查看移动端实际效果
    存为草稿:暂存未完成页面
    保存并发布:立即生效,前端用户可见

image.png

二、使用建议与注意事项

首页谨慎更换:设为首页前务必充分预览,避免上线错误版本
模块内容及时维护:前端需定期检查,如拼团模块关联的商品若已下架等问题
绑定PC页面需真实有效:确保输入的PC页面可正常访问,否则跳转失败

通过页面管理功能,商家可像搭积木一样构建高转化率的移动端页面,既满足日常运营需求,也支撑高强度的营销节奏,真正实现所见即所得的自主运营能力。

2. 商城页面模板管理流程

通过「模板」沉淀可复用的页面结构,运营可快速基于模板新建页面,降低重复搭建成本,并对模板库进行统一维护与版本管理。

参与角色: 商城运营人员、系统(模板存储与版本管理)。

flowchart TD
    createTemplate["创建新页面模板"]
    designLayout["设计布局与组件"]
    saveAsTemplate["保存为模板"]
    copyTemplate["复制模板创建新页面"]
    manageLibrary["管理模板库"]
    createTemplate --> designLayout
    designLayout --> saveAsTemplate
    saveAsTemplate --> copyTemplate
    copyTemplate --> manageLibrary

步骤说明:

  1. 在装修或模板管理入口选择「新建模板」,进入与日常装修类似的画布。
  2. 通过拖拽组件完成布局设计,配置默认占位内容与样式规范。
  3. 填写模板名称、适用场景说明后保存为模板,写入模板库。
  4. 新建实际经营页面时,可选择「从模板创建」,复制模板后仅改文案与商品数据。
  5. 在模板库中执行重命名、删除、排序或禁用等操作,保持库内结构清晰。

说明与规则:

  • 模板变更一般不自动回溯已发布页面,复制后的页面独立维护,避免误改线上。
  • 建议为热门营销活动单独建模板,便于大促期间快速复制与回滚。
页面管理
Enter search text
Outline
一、操作步骤
二、使用建议与注意事项
2. 商城页面模板管理流程