ShopEx 创建新页面的方法主要有两种，一种是通过后台的“页面生成器”（推荐，最灵活），另一种是直接创建自定义模板文件（适合有 PHP 和模板基础的开发者）。

shopex 模板 创建新页面怎么用
（图片来源网络，侵删）

下面我将分别介绍这两种方法,并重点讲解更常用、更强大的“页面生成器”。

使用“页面生成器”（最推荐，适合绝大多数用户）

这是 ShopEx 后台提供的可视化页面创建工具，无需编写代码，通过拖拽模块就能快速搭建出各种营销页面、专题页等。

操作步骤：

  1. 登录后台管理系统

    使用你的管理员账号登录 ShopEx 商城后台。

    shopex 模板 创建新页面怎么用
    （图片来源网络，侵删）

  2. 进入页面生成器

    • 在后台左侧菜单中,找到并展开 站点 或 相关菜单。
    • 寻找类似 页面、页面管理 或 页面生成器 的选项，点击进入，不同版本的 ShopEx，菜单名称可能略有差异，但功能是类似的。

  3. 创建新页面

    • 在页面管理列表页,点击右上角的 新增页面 或 创建页面 按钮。

  4. 配置页面基本信息

    • ：填写页面的标题，这通常也会作为页面的 <title> 和 <h1> 标签，对 SEO 很重要。“新品上市”。
    • 页面关键字：填写页面的关键词，用英文逗号隔开，用于 SEO。
    • 页面描述：填写页面的描述，也用于 SEO。
    • 页面路径：这是页面的访问地址，非常重要。
      • 系统通常会自动生成一个,/new-products。
      • 你可以自定义,但要符合 URL 规范，使用小写字母、数字、横线 组合，不要使用特殊符号和空格。
      • 你可以修改为 /xinpin 或 /special-promotion。
    • 页面模板：选择一个页面布局模板，通常有“首页布局”、“文章列表布局”、“自定义布局”等，对于完全自定义的新页面，选择“自定义布局”或类似的选项。
    • 是否启用：勾选此项，页面才能在前台正常访问。

  5. 使用模块搭建页面内容（核心步骤）

    shopex 模板 创建新页面怎么用
    （图片来源网络，侵删）
    • 保存基本信息后,你会进入一个可视化的编辑界面，界面通常分为两部分：
      • 左侧：模块列表，这里包含了所有可用的内容模块，如“轮播图”、“图文组合”、“商品列表”、“文章列表”、“优惠券”、“HTML”等。
      • 右侧：页面预览区，你可以在这里看到页面的实时效果。
    • 添加模块：
      • 从左侧模块列表中,找到你需要的模块（商品列表”）。
      • 点击该模块,它会自动被添加到右侧页面的预设位置。
    • 编辑模块：
      • 在右侧预览区中,点击你刚刚添加的模块，模块上会出现编辑图标（如铅笔或齿轮）。
      • 点击编辑图标,会弹出该模块的设置窗口。
      • 在设置窗口中,你可以配置模块内容。
        • 商品列表模块：可以选择按“新品”、“热销”、“指定分类”或“手动选择”来显示商品。
        • 图文模块：可以上传图片、输入标题、描述，并设置链接地址。
        • HTML 模块：如果你懂一点 HTML 和 CSS，可以在这里直接插入代码，实现更复杂的效果。
    • 调整布局：
      • 你可以拖拽页面上的模块来调整它们的上下顺序。
      • 有些高级布局还支持拖拽到不同列中（如左右分栏）。

  6. 保存并预览

    • 编辑完成后,点击页面右上角的 保存 或 发布 按钮。
    • 保存成功后,你可以点击 预览 按钮，在新窗口中查看页面的最终效果。

  7. 在前台访问

    • 打开你的商城前台网站,在浏览器地址栏输入你之前设置的“页面路径”，即可看到你刚刚创建的新页面。http://你的域名.com/xinpin

直接创建自定义模板文件（适合开发者）

如果你需要实现页面生成器无法满足的非常复杂或功能独特的页面,可以通过直接修改模板文件的方式来实现。

操作步骤：

  1. 理解 ShopEx 模板结构

    • ShopEx 的模板文件通常位于服务器的 themes/当前主题名/ 目录下。
    • 页面模板一般存放在 view/ 目录中。default/ 目录是默认主题。

  2. 复制并修改一个现有页面模板

    • 这是最安全的方法,不要直接修改系统自带的模板文件。
    • 找到一个功能相似的现有页面模板,article/detail.html（文章详情页）。
    • 复制这个文件,并将其重命名为你自己的新页面模板文件，my_custom_page.html。

  3. 编辑新模板文件

    • 使用代码编辑器（如 VS Code, Sublime Text）打开 my_custom_page.html 文件。
    • 在这个文件中,你可以完全自由地编写 HTML、CSS 以及使用 ShopEx 的模板引擎标签（类似 Smarty 语法）。
    • 常用模板标签：
      • {include file="header.html"}：包含头部文件。
      • {include file="footer.html"}：包含底部文件。
      • {foreach from=$xxx item=item}：循环遍历数据。
      • {$xxx}：输出一个变量。
    • 你可以在这里调用任何你想要的 PHP 逻辑，比如查询特定商品、展示特定分类等，这需要你对 PHP 和 ShopEx 的数据结构有一定了解。

  4. 在后台创建页面路由

    • 虽然文件创建好了,但后台系统还不知道如何通过 URL 访问它。
    • 你需要登录数据库,找到 sdb_pages 或类似的页面数据表。
    • 插入一条新的记录,字段值参考其他页面：
      • title: 你的页面标题。
      • link: 你的页面路径，/my-custom-page。
      • tpl: 这是关键，填写你的模板文件名，my_custom_page.html，系统会根据这个值去加载对应的模板文件。
      • 其他字段如 keywords, description 等按需填写。

  5. 访问新页面

    • 清除一下 ShopEx 的缓存（后台通常有缓存管理功能）。
    • 前台访问你设置的路径 http://你的域名.com/my-custom-page，即可看到效果。

总结与建议

特性 页面生成器 自定义模板文件
操作难度 低，可视化操作 高，需要代码知识
灵活性 较高，能满足大部分营销页需求 极高，可实现任何功能
维护性 方便，后台直接修改 需要修改代码，上传服务器
适用人群 商城运营者、普通用户 开发者、高级用户
推荐度 ⭐⭐⭐⭐⭐ (首选) ⭐⭐⭐ (特定场景使用)

给你的建议：

  • 如果你只是想创建一个活动页、专题页、品牌介绍页等，请毫不犹豫地使用方法一（页面生成器），它足够强大且易于使用，是 ShopEx 的核心功能之一。
  • 只有当你需要实现一个页面生成器完全无法实现的、高度定制化的功能时，才考虑使用方法二，在这种情况下，最好咨询你的 PHP 开发人员。

希望这个详细的教程能帮助你成功创建出你想要的页面！