STAXX · 本地功能预览

从后台新增产品,到前台单品页

以下按实际后台流程排列。发布后,详情页默认使用现有 HG202 产品页的站点模板;产品目录也会显示这条新产品。

后台:填写产品资料发布:生成详情页目录:/products.html详情:图片、参数、正文与询盘
演示说明:截图使用本地已发布的演示产品“Product Publishing Tutorial 20260923092944”。不包含管理员密码,也没有修改服务器上的网站。
1

进入产品管理,点击“发布新产品”

从后台产品管理打开空白表单,开始新增。

后台新增产品表单
新增表单包含基本信息、产品描述、相关产品、文件下载和扩展字段。
2

填写名称、链接、分类,并上传封面和多张产品图

第一张图用于产品主图;图片集可用于详情页主图切换和下方多图展示。

填写产品基本信息并添加图片
演示产品已填入标题、链接、分类和三张产品图片。
3

补充描述、参数、关联产品和 SEO

按实际产品填写即可;不需要的分区可以留空。首屏摘要与规格参数会映射到标准详情页。

产品描述编辑
产品短描述与正文内容。
产品参数和相关产品
产品规格参数、相关产品。
SEO和扩展设置
产品类型、搜索摘要、关键词与详情布局设置。
4

点击“保存发布”

发布后系统生成单产品详情页;草稿不会显示给网站访客。

保存并发布产品
右侧发布设置中选择“保存发布”。
5

在后台和网站产品目录确认

后台状态显示“已发布”;前台产品目录自动加入该产品,新发布的产品优先显示。

后台产品列表已发布状态
后台产品列表中的已发布产品。
网站产品目录中展示新产品
网站产品目录,演示产品显示在列表前部。
6

打开单产品页查看最终效果

详情页使用现有站点导航和 HG202 产品模板:产品图片与参数在首屏,下面展示正文、多图和询盘入口。

标准模板单产品页首屏
单产品页首屏:站点导航、面包屑、主图、产品标题、简介、参数和询盘按钮。

这套模板会用于后续新增产品

这是产品发布的默认详情页生成方式,不是只给演示产品单独套版。常规后台“保存发布”会按此模板生成详情页,并同步出现在 /products.html

如果之后主动使用可视化编辑器并保存自定义页面,该产品则以保存的自定义页面为准。