前台用户系统功能指南

本指南说明 Trelanto 商城各页面共同使用的系统能力，包括界面语言、主题、响应式导航、活动页、页脚与内容页、在线客服和登录会话。商品浏览、结账、支付与账户安全的领域规则另有专门说明；这里重点解释这些跨页面能力在哪里出现、如何使用，以及失败时应怎样判断。

页面是否显示某项内容取决于当前站点配置、屏幕尺寸、登录状态和运营人员发布的数据。同一套商城在不同站点可以有不同默认语言、活动开关、页脚栏目、联系信息和客服附件规则，因此应以当前页面实际提供的入口为准。

---

1. 先认识页面结构与适用边界

1.1 商城页面的共同区域

商城页面通常由以下共同区域组成：

这些能力由网页直接提供，不要求安装独立应用。商城页面按至少 360 像素的设计宽度布局；更窄的浏览器视口可能出现横向空间不足，不应据此判断为内容数据丢失。

1.2 功能开关与身份不会互相替代

站点配置决定活动、轮播、页脚栏目和部分账户字段是否显示；登录状态决定订单、收藏、设置等账户入口。页面未显示某个按钮时，应以当前页面和站点配置为准。

普通公开页可在未登录状态使用。登录后，语言和主题偏好会保存到当前账户；在线客服也会从访客状态切到账号状态，但访客历史不会在登录时自动迁移。具体认领流程见第 8 章。

2. 界面语言与内容语言

2.1 支持语言与默认值

当前路由和界面消息支持三种语言：

站点配置可以调整默认语言，所以默认值不是永久业务承诺。页面地址可能带当前语言标识；使用页首或移动抽屉中的语言切换器时，系统会按照所选语言打开当前页面。没有显式语言标识的页面则结合账户偏好和当前站点默认值选择语言。

2.2 从哪里切换

桌面端点击右上角头像，在用户菜单中展开“语言”，再选择中文、English 或 Français；当前语言带有选中标记。移动端点击左上角菜单按钮，在导航抽屉中展开“语言”并选择。登录用户还可在头像菜单的“个人设置”偏好区域修改界面语言。

切换成功后，系统替换当前页面的语言路由，同时保留当前查询参数和 # 页面片段。例如，带筛选的搜索页不会因为切换语言而主动删除地址栏中的筛选参数。若偏好保存失败，路由不会被切换；此时保留当前页面并稍后重试。

2.3 偏好怎样保存

• 未登录时，语言保存在当前站点的浏览器偏好中；不同站点不会直接共用这项选择。
• 登录后，选择会保存到当前账户和站点，后续访问时可以继续使用。
• 清除站点数据后，语言会回到当前站点默认值；登录账户再次识别后，账户偏好仍可重新生效。
• 隐私或无痕窗口通常不长期保留站点数据，因此关闭窗口后可能需要重新选择。

2.4 哪些内容会变化

导航、按钮、错误提示等界面消息会使用当前语言。商品、分类、品牌、首页、轮播、活动和页脚标题则依赖商家是否维护了对应翻译；各领域有自己的回退顺序，不能假定所有缺失法文都固定回退到中文。

内容页标题和正文依赖商家维护的对应语言；未维护完整翻译时，页面可能显示可用的回退标题或空正文。搜索建议会按当前语言显示商品、分类、品牌和统计词，但商城没有单独展示的“热门搜索词”区块。

AI 购物助手也会使用当前站点语言，并支持中文、英文和法文回答；推荐卡片优先使用该语言的商品翻译，实际完整度仍取决于商品数据。

3. 浅色、深色与跟随系统

3.1 三种主题模式

桌面端在头像菜单中展开“主题”；移动端在导航抽屉中展开“主题”；登录用户也可在“个人设置”修改。选择成功后，页面立即更新主题，不需要重新提交当前表单或重新进入页面。

3.2 持久化与首屏优先级

未登录主题保存在当前站点的浏览器偏好中。匿名访问会优先使用已保存的站点选择，再使用站点默认主题和浏览器颜色偏好，最后回退为浅色。登录用户优先使用账户中的主题偏好；尚无账户选择时，使用站点默认主题。

页面会在打开时尽量应用主题，加载完成后继续跟随系统变化。固定选择浅色或深色时，操作系统切换不会改动商城主题。

3.3 主题影响与不影响的内容

主题统一改变页面背景、文字、导航、表单、卡片、按钮、图标和分隔线等界面配色，不改变商品、价格、库存、订单或语言。商家和用户上传的图片仍按原图显示；如果原图与深色背景对比不足，可切回浅色并把具体页面和图片位置反馈给客服。

4. 响应式导航、搜索与无障碍操作

4.1 桌面和移动页首

商城在约 900 像素的屏幕宽度边界切换页首：

移动抽屉显示分类树；有子分类时先展开，再可选择“查看全部”或具体子分类。登录后还显示订单、收藏、商品关注、评价、按站点要求显示的地址、设置和退出；未登录时显示注册和登录。桌面头像菜单提供同类账户入口，但分类仍位于独立分类导航中。

页首是否在向下滚动时隐藏可由商家按断点配置。启用时，超过约 10 像素后向下滚动会收起页首，向上滚动会重新显示；禁用的断点始终显示。因此“滚动时没有隐藏”不一定是故障。

购物车按钮在桌面端和移动端都显示当前商品项数量，角标最多显示为 99；滚动超过阈值后，仍在显示的页首会增加阴影以区分正文。

4.2 搜索、筛选与面包屑

移动端和桌面端都保留直接可用的页首搜索框。搜索结果页在小屏幕上把排序放入菜单，把筛选放入从右侧打开的抽屉。价格、品牌、库存和商品属性先作为草稿编辑，点击“应用”才更新地址栏中的筛选并刷新结果。

搜索、分类、品牌及商品详情等页面按各自数据提供面包屑。商品详情会尽量保留从首页、分类、品牌、搜索、收藏或购物车进入时的来源，使面包屑返回合理入口。浏览器后退可以恢复 URL，但当前页面不保证所有无限滚动页都恢复此前已加载的批次或精确滚动位置。

4.3 键盘、触控和内容可读性

• 语言、主题、账户和分类入口使用带可访问名称的按钮或菜单项；搜索建议支持方向键、Enter 和 Escape。
• 页面按钮和表单会按小屏幕重新排列；商品网格列数由当前模块和屏幕宽度决定，不固定为“手机一定一列”。
• 首页轮播有前后按钮和指示点，可自动播放并在鼠标悬停时暂停；触控滑动不作保证。商品详情图库支持未放大时单指横向切换图片、双指缩放和放大后的单指拖动。
• 轮播容器比例来自商家展示设置或站点配置，默认可为 21:9，不会仅因移动端自动改为另一比例；移动端会优先使用已配置的移动图片并采用图上文字布局。
• 内容页章节目录在较宽的手机和桌面屏幕显示为可滚动按钮列表，小屏手机不显示侧栏目录。内容图片提供缩放、缩小和复位控件，宽表格允许横向滚动。

5. 活动与促销页面

5.1 公开条件和入口

活动通常从首页轮播或站点链接进入活动详情页。页面只有在当前站点启用活动功能，且该活动处于公开时间范围内时才会显示；活动地址由站点链接生成，不要求用户手工拼接。

活动数据可以包含多语言标题、副标题和富文本说明、桌面与移动 Banner、按顺序展示的正文图片、标签、起止时间以及一个“了解更多”链接。活动本身没有通用的报名、领券或登录参与按钮；是否有下一步操作取决于页面说明和外部/站内链接。

5.2 页面显示方式

移动端优先使用移动 Banner，没有时回退到桌面 Banner。活动详情 Banner 在小屏使用 16:9，在桌面使用 21:9；这项比例只属于活动详情，不等同于首页轮播比例。正文图片按商家设置的顺序显示，无法加载的图片使用占位图。

如果配置了“了解更多”，按钮会在新标签页打开目标。目标内容、优惠资格、价格和登录要求由目标页面再次校验，活动说明不能绕过商品或结账规则。

5.3 已结束、未开始和不可用

未公开、尚未开始、已结束或站点已关闭活动能力时，页面统一显示“活动已结束/不可用”并返回首页；页面不一定能区分具体原因。只有活动在打开后刚好跨过结束时间时，页面才可能同时显示已知的结束时间。

其他服务错误不会伪装成活动结束，而会显示内容加载失败。旧书签出现通用结束提示时，应先从当前首页确认活动是否仍公开；需要核实具体原因时向客服提供完整 URL。

6. 页脚与公开内容页

6.1 页脚由什么组成

页脚可以按当前屏幕断点分别显示：

• 由栏目分组的内容页链接；
• 商家地址、客服邮箱和电话；
• 社交或消息链接，以及点击后展示的二维码、账号名和说明；
• 本地化版权文字；
• 隐私政策和使用条款等系统法律链接。

页脚、栏目、单个链接、商家信息、联系关注项和版权均有独立开关及屏幕尺寸可见性。某栏目没有当前可见链接时不会显示。点击页脚中的普通内容链接进入公开内容页；WeChat 链接打开已配置的默认二维码，而不是导航到内容页。

6.2 内容页的两种来源

公开内容页应从页脚中已显示的内容链接，或正文中已经提供的站内内容链接进入。每个链接对应的页面必须存在且处于启用状态；被停用或不存在的内容链接会显示未找到。

内容可以来自当前语言的商家正文或站点提供的公开页面内容，支持标题、段落、列表、链接、引用、代码、表格和图片，并可显示品牌、公开自取地点、公开客服联系方式等信息。

如果内容暂时无法加载，页面进入错误状态，而不是显示一份臆造的默认正文。图片加载失败会改用占位图；外部链接仍由目标站点负责。

6.3 章节目录与配送政策补充

页面标题和正文中的章节会形成目录。重复标题会自动区分；如页面附带当前配送政策，配送规则和免运规则也会加入同一目录。目录会跟随滚动高亮当前章节，点击条目更新页面位置，并提供返回顶部按钮。

某些内容页可附加当前站点的配送国家/地区、计价模式、预计天数、免运门槛和邮编排除项。这些数据以当前配送配置为准，不应与正文中的旧数字相互覆盖；结账仍以当次报价为准。

6.4 页脚或内容加载失败

页脚请求失败、页脚关闭或当前断点被隐藏时，页面仍显示带“隐私政策”和“使用条款”文字的精简法律页脚。对应内容页未启用时，点击这些链接仍会进入未找到；兜底链接本身不证明正文已配置。

内容页未找到时显示未找到页面；其他加载错误进入专用错误页，只提供返回首页，不提供页面内重试。可先刷新一次，再从页脚重新进入；持续失败时把当前语言、页脚链接文字或页面标题以及可见错误提供给客服。

7. 在线客服、消息与附件

7.1 打开客服与确定身份

商城页面右下角的消息按钮打开客服抽屉；低于 768 像素时使用全屏抽屉，较宽屏幕显示右侧聊天面板，历史会话面板可在其左侧展开。浮窗语言使用当前页面语言。

已登录时客服会使用当前账号；未登录时客服会使用当前浏览器的访客状态。访客不能在页面中自行改用另一个身份，附件和会话也只对当前会话开放。

新访客会话必须填写姓名，以及当前站点认证模式要求的主要联系方式：邮箱认证站点填写有效邮箱，手机号认证站点填写有效电话。已登录用户使用账户联系方式；浮窗会显示并允许修正缺失或无效的主要联系方式，修改邮箱在启用 MFA 时可能要求敏感操作验证。

购物车、结账和订单列表会向客服附带当前页面的相关上下文；其他普通页面也会附带页面上下文。这些信息帮助客服定位问题，但不会自动授权其他用户查看订单，也不会替用户提交退款或改订单状态。

7.2 发送、草稿与附件

当前编辑器正文最多 10,000 个字符，也可以只发送已经通过检查的附件。Ctrl+Enter 或 Command+Enter 与发送按钮使用同一提交流程；请求进行中、联系方式无效、草稿尚未就绪、附件仍在上传或检查、存在草稿冲突或过期附件时，发送会被禁用。

输入内容约在停止编辑 500 毫秒后保存为草稿，关闭浮窗、切换会话或离开页面时还会尝试保存。草稿有效期为 7 天；多标签页产生版本冲突时，页面让用户选择加载较新的草稿或保留当前输入。发送成功后，消息和附件会一起处理，草稿随之清除。

附件是否启用、允许图片/视频/PDF中的哪些类型、文件数、单文件大小、总大小、视频数和预览能力都来自当前站点设置。页面直接显示实际限制。只有检查通过的附件可以随消息发送；仍在检查、被阻止、失败或已过期的附件必须等待、移除或重新上传。附件只能在其所属会话中使用。

7.3 回复、未读与更新

浮窗打开时会优先显示未读会话，其次是当前浏览器保存的上次会话，最后是最新活跃会话。浮窗打开且页面可见时，选中会话会持续更新；页面转到后台标签时暂停更新。

浮窗关闭且页面可见时，未读摘要会定期更新；刚发送消息后会暂时更快更新。新客服回复可显示站内提示和按钮角标。打开当前会话后，页面会将最新客服消息标为已读；浮窗打开期间按钮角标隐藏。

7.4 在线消息与邮件不是同一保证

客服回复总是先保存为会话消息。若会话有有效邮箱且当前渠道/站点策略允许，客服人员可同时发送邮件；邮箱渠道的回复在有地址时要求发送邮件，网页渠道则由客服选择或采用站点默认。邮件发送失败不会删除已经保存的会话消息，因此应以浮窗历史为第一检查位置。

客服邮件会带有必要的会话信息；客户回复到配置的支持地址时，系统会尽量归回原会话。信息不足时可能进入新会话或人工处理，不能承诺所有普通转发邮件都自动归并。不要通过邮件或浮窗发送密码、MFA 密钥、验证码、完整卡号或 CVC。

订单确认和自取就绪邮件会优先使用已配置的客服回复地址。回复这类邮件可以带上订单号，但不一定会直接回复浮窗中的某条消息；信息不足时请通过客服入口联系。

8. 客服会话历史、归档与访客认领

8.1 浏览和管理历史

点击浮窗顶部的历史按钮打开会话面板。默认显示活动会话，也可切换全部、未读和已归档；搜索最多输入 200 个字符，停止输入约 300 毫秒后更新搜索结果。列表默认每页 15 条，可切换为 30 或 50 条，并会定期刷新。

每项可显示自定义或自动标题、订单/商品/SKU 上下文标签、会话状态、草稿标记、未读数、最后消息摘要和时间。标题可改为 1–160 个字符，也可恢复自动标题；如果多个标签页同时修改，页面会提示冲突。可以单项或批量归档、恢复、标为已读；批量操作需要确认，并只作用于当前可见的会话。

归档只改变当前用户或访客的列表偏好，不删除消息。客服或客户新增可见消息时，归档会自动取消；客服内部备注不会出现在客户历史，也不会因此恢复会话。

8.2 新建、切换与失效记录

新建会话前页面必须成功保存当前草稿；切换会话也先保存草稿，失败时留在原位置。未发送的新会话会保留当前页面的草稿，已有会话会保留自己的草稿；当前浏览器还会记住上次选择的会话。

如果保存的会话后来无法访问，浮窗会清除当前选择并重新从未读或活动会话中选择。不要通过修改浏览器数据尝试打开别人的会话。

8.3 登录后认领访客数据

登录不会自动弹出认领窗口，也不会自动迁移访客会话。只有用户打开客服、进入历史面板，并且当前浏览器确实有可认领会话、未过期草稿或未认领上传时，页面才显示认领提示。点击后还需在确认对话框中再次确认。

确认认领后，系统会迁移符合条件的访客会话、较新的偏好和草稿、有效上传及客户标签；过期草稿不迁移，冲突草稿按更新时间处理。成功后页面显示迁移的会话与草稿数量。

清除浏览器站点数据、换浏览器或换设备后，当前登录账号可能无法识别原浏览器的访客身份，也就不会显示那批访客数据的认领入口。此时应向客服提供可公开的订单号和大致会话时间，不要发送站点数据。

9. 登录会话

9.1 登录状态和自动刷新

登录状态由商城安全地保持在当前浏览器中。会话过期、被撤销、账号被禁用或安全设置发生变化时，页面会要求重新登录；用户不需要手工刷新任何凭据。

退出登录清除当前浏览器认证状态，并切换到空的访客购物车。当前没有面向普通用户的设备列表或逐会话撤销页面；修改密码、完成密码恢复或通过邮件重置 MFA 会撤销该账号的全部会话，包括当前页面。详细登录、MFA 和恢复行为请按账户页面的说明操作。

10. 安全、隐私与外部内容边界

• 语言和主题的站点数据只保存偏好，不是登录凭据；登录状态和客服访客状态彼此分开。
• 客服附件、会话、草稿和下载只对当前账号或访客会话开放。归档或改标题不会扩大访问权。
• 商城会在显示内容前进行安全处理，但用户仍应谨慎打开运营内容中的外部链接。
• 活动“了解更多”和页脚社交链接可能打开站外页面。离开商城后，目标站点的隐私、价格和交易规则由目标站点负责。
• 界面语言、主题、隐藏按钮或页面地址都不是授权依据；订单、付款和客服资源仍会按账号或访客状态检查。
• 联系客服排障时可提供站点、当前语言、完整页面路径、公开订单号、可见错误和大致时间；不要提供密码、恢复链接、验证码、站点数据或支付凭据。

11. 常见故障与恢复

12. 常见问题

可以把搜索条件保存下来吗？
当前没有账户级“保存搜索”功能。搜索词和已应用筛选写在 URL 中，可以收藏完整 URL；无限滚动已加载到第几批和精确滚动位置不属于书签状态。

旧活动页面为什么不再显示原内容？
活动页面只显示当前公开且处于时间范围内的活动。下线、未开始、过期或站点关闭活动能力时，页面统一显示结束/不可用状态，不保留公开历史正文。

为什么移动端轮播不是固定 16:9？
首页轮播沿用商家配置的展示比例；活动详情 Banner 才在小屏使用 16:9。

客服草稿是否永久保存？
不是。当前草稿每次保存后有效 7 天，附件还有独立上传有效期和检查状态。发送、清除或过期都会改变可恢复内容。

切换界面语言会改变客服翻译语言吗？
界面语言立即影响浮窗文案，也会作为账号的一般语言偏好。“个人设置”中的“客服翻译语言”可以单独设置；普通购物者收到哪种客服译文仍由会话语言和站点设置决定。

怎样分享商品或普通页面？
商品详情页的分享按钮优先调用浏览器原生分享面板；不可用或取消时尝试复制带当前语言的商品地址，复制失败则显示手工复制框。其他页面可以直接复制地址栏；分享搜索页时会连同已应用的查询参数一起复制。