店铺前台
ShopFaaS 店铺前台页面清单、主题机制与消费者购物流程。
店铺前台是消费者访问店铺的页面，包含商品浏览、购物车、结账、博客、客户中心等购物链路。商家可通过主题机制自定义前台外观与交互。
前台页面
| 页面 | 路径 | 说明 |
|---|---|---|
| 首页 | / | 店铺首页，展示精选商品与促销内容 |
| 商品详情 | /products/[handle] | 商品图片、描述、变体、加购 |
| 集合页 | /collections/[handle] | 商品分类页，支持筛选与排序 |
| 购物车 | /cart | 购物车清单与数量调整 |
| 结账 | /checkout | 填写收货信息、选择配送、支付 |
| 搜索 | /search | 商品搜索结果页 |
| 博客 | /blogs | 博客文章列表 |
| 博客详情 | /blogs/[handle] | 博客文章详情 |
| 自定义页面 | /pages/[handle] | 关于我们、联系客服等自定义页面 |
| 政策页面 | /policies/[slug] | 隐私政策、退款政策、服务条款 |
| 客户中心 | /account | 客户订单查看与账户管理 |
| 客户登录 | /account/login | 消费者登录（与后台账户分离） |
购物流程
消费者在前台的完整购物流程：
- 浏览商品：通过首页、集合页、搜索找到目标商品
- 查看详情：进入商品详情页查看图片、描述、变体、价格
- 加入购物车：选择规格后加入购物车
- 结账下单：填写收货地址、选择配送方式、选择支付方式
- 完成支付：跳转支付网关完成付款
- 订单跟踪：在客户中心查看订单状态与物流轨迹
主题机制
三层模板来源
店铺前台页面由主题模板渲染，按以下优先级查找模板：
| 优先级 | 来源 | 说明 |
|---|---|---|
| 1 | 运行时自定义 | 后台主题编辑器保存的修改（最高优先级） |
| 2 | 主题源码 | 主题包提供的原始模板 |
| 3 | 内置兜底组件 | 当主题缺失或解析失败时的兜底渲染 |
在后台「主题编辑器」中修改的页面会覆盖主题源码，但不会修改主题源码文件本身。卸载主题后运行时自定义也会被清除。
主题市场
- 在「设置 → 主题」浏览并安装官方与第三方主题
- 主题支持自定义颜色、字体、排版等设置项
- 详见 开发者指南 → 主题开发
货币与多语言
多币种
- 在「设置 → 收款」配置店铺支持的币种
- 在「设置 → 通用」设置默认币种与汇率
- 前台根据客户地理位置自动切换币种展示
多语言
- 在「设置 → 通用」配置店铺支持的语言
- 每种语言可独立翻译商品标题、描述、博客、自定义页面、邮件模板
- 前台根据客户浏览器语言自动切换
SEO 优化
- SSR 服务端渲染：前台页面采用服务端渲染，搜索引擎可直接抓取完整内容
- 自定义页面标题与描述：商品、集合、博客、自定义页面均可在后台编辑 SEO 标题与描述
- URL Handle：商品、集合、博客支持自定义 URL 别名（handle），便于搜索引擎索引
- 站点地图：系统自动生成 sitemap.xml，提交至搜索引擎站长平台
客户中心
消费者可在 /account 查看与管理：
- 历史订单与物流状态
- 收货地址簿
- 收藏商品
- 账户信息与密码
消费者账户与店铺后台账户完全分离，消费者无法访问店铺后台。