CP-Commerce 菜单与页面配置

在 CP-Commerce 中为您的电商店面配置网站菜单与静态页面

CP-Commerce 提供灵活的工具来管理电商网站的导航菜单与静态内容页面。本指南涵盖菜单模块与页面模块的配置。

菜单模块

菜单模块控制 CP-Commerce 网站的导航结构,允许您创建包含多种链接类型的多级菜单。

理解菜单结构

CP-Commerce 的菜单项支持:

  • 多级层次结构 —— 创建父级与子级菜单项
  • 多种链接类型 —— 链接到页面、商品、类目或外部网址
  • 灵活的排序 —— 控制菜单顺序与嵌套
  • 按条件显示 —— 启用/停用状态控制

菜单列表视图

菜单列表显示:

说明
标题向用户展示的菜单项名称
菜单层级层次级别(1 = 顶级,2 = 子菜单,以此类推)
链接链接类型与目标
状态启用或停用
操作编辑、删除、重新排序

创建菜单项

第 1 步:基本信息

  1. 前往 CP-Commerce > 菜单模块
  2. 点击 “创建新菜单项”
  3. 填写必填字段:

标题:菜单项的显示名称

  • 保持简洁、有描述性
  • 使用动作性词语提升用户体验(如“立即选购”“浏览类目”)

第 2 步:配置链接类型

链接类型决定菜单项的行为:

类型说明使用场景
页面链接到在页面模块中创建的静态页面关于我们、条款、隐私
商品直接链接到特定商品精选商品、热销商品
商品类目链接到类目列表按部门选购
内容类目链接到内容合集博客、新闻、资源
外部链接链接到外部网址或自定义页面社交媒体、合作伙伴网站

第 3 步:链接配置

根据所选链接类型:

  • 页面:从已创建页面的下拉列表中选择
  • 商品:搜索并选择特定商品
  • 商品类目:从类目树中选择
  • 内容类目:选择内容类目
  • 外部链接:输入完整网址(https://…)

第 4 步:显示设置

状态

  • 启用 —— 菜单项可见
  • 停用 —— 在网站上隐藏

跳转方式

  • 当前窗口 —— 在当前标签页打开(默认)
  • 新窗口 —— 在新标签页打开(适用于外部链接)

第 5 步:菜单层级

嵌套菜单项:勾选后此项成为子菜单项

启用嵌套后:

  • 父级菜单:选择父级菜单项
  • 该项将以下拉形式显示在父级菜单下

菜单层级示例

首页(第 1 级)
选购(第 1 级)
├── 电子产品(第 2 级)
│   ├── 电脑(第 3 级)
│   ├── 手机(第 3 级)
│   └── 配件(第 3 级)
├── 时尚服饰(第 2 级)
│   ├── 男装(第 3 级)
│   └── 女装(第 3 级)
└── 清仓特卖(第 2 级)
关于我们(第 1 级)
联系我们(第 1 级)

页面模块

页面模块用于为您的 CP-Commerce 网站创建静态内容页面,非常适合信息页、政策条款与自定义内容。

创建静态页面

第 1 步:页面设置

  1. 前往 CP-Commerce > 页面模块
  2. 点击 “创建新页面”

第 2 步:页面配置

标题:页面标题

  • 显示在浏览器标签页中
  • 用于页面头部
  • 对 SEO 很重要

URL 键:页面的网址

  • 必须唯一
  • 使用小写字母与连字符
  • 示例:about-usreturn-policyshipping-info

状态

  • 启用 —— 页面可访问
  • 停用 —— 页面隐藏(适用于草稿)

内容类目:(可选)

  • 将相关页面分组
  • 便于内容组织
  • 可用于自动生成菜单

第 3 步:页面内容

内容编辑器

  • 支持 HTML 与纯文本
  • 提供富文本排版
  • 可包含:
    • 文本与标题
    • 图片与媒体
    • 表格与列表
    • 自定义 HTML/CSS

常用静态页面

必备页面

  1. 关于我们

    • 公司历史
    • 使命与价值观
    • 团队信息
  2. 条款与条件

    • 服务条款
    • 用户协议
    • 法律免责声明
  3. 隐私政策

    • 数据收集实践
    • 用户权利
    • Cookie 政策
  4. 配送信息

    • 配送区域
    • 运费标准
    • 预计时效
  5. 退货政策

    • 退货条件
    • 流程步骤
    • 退款时限

营销页面

  1. 落地页

    • 活动专属内容
    • 新品发布
    • 季节性促销
  2. 常见问题页

    • 常见问题
    • 商品指南
    • 支持信息

内容最佳实践

SEO 优化

  • 使用包含关键词的描述性标题
  • 创建唯一的 URL 键
  • 填写元描述(meta description)
  • 使用正确的标题层级(H1、H2、H3)

内容结构

<h1>页面标题</h1>
<p>引言段落……</p>

<h2>章节标题</h2>
<p>章节内容……</p>

<h3>小节</h3>
<ul>
  <li>要点 1</li>
  <li>要点 2</li>
</ul>

移动端适配

  • 在移动设备上测试内容
  • 使用响应式图片
  • 避免复杂表格
  • 保持段落简短

集成技巧

将菜单链接到页面

  1. 先在页面模块中创建页面
  2. 将页面状态设为“启用”
  3. 创建链接类型为“页面”的菜单项
  4. 从下拉列表中选择已创建的页面

动态内容集成

页面模块创建的是静态内容,您还可以通过以下方式增强:

  • 商品挂件
  • 类目列表
  • 邮件订阅表单
  • 联系表单

多语言支持

针对多语言网站:

  1. 为每种语言分别创建页面
  2. 使用语言专属的 URL 键
  3. 按语言用内容类目进行组织

故障排查

菜单不显示

  • 检查菜单状态是否为“启用”
  • 确认父级菜单(如有嵌套)为“启用”
  • 清除网站缓存
  • 检查用户权限

页面未找到(404)

  • 核对 URL 键是否正确
  • 确保页面状态为“启用”
  • 检查是否存在重复的 URL 键
  • 清除浏览器缓存

内容未更新

  • 清除 CP-Commerce 缓存
  • 确认更改已保存
  • 确认编辑的是正确的页面
  • 尝试强制刷新(Ctrl+F5)

相关文档