每日整理真实提问 356 个问题 · 726 个回答 需要系统性的技术文档?看 Shopify 技术百科 1000 篇 → 400-873-8117
待解决 提问于 2 个月前

Hydrogen 购物车状态怎么管理

2 个回答 577 次浏览 Headless 与 Hydrogen 最后活跃 2 个月前
23

用 Hydrogen 做购物车,加购后页面不更新,要手动刷新才看到。

陈
陈工提问者
Shopify 认证开发者 · 专注主题与 Liquid
2 个月前提问 · 已收到 2 个回答

2 个回答

最高票回答 · 等待提问者确认
21

先把判断放在前面:购物车是 Storefront API 的独立资源,需要自己维护 cart id 与状态。

1处理顺序

  1. 用 cartCreate 创建购物车,把 cartId 存 cookie。
  2. 加购用 cartLinesAdd,返回新的 cart 对象。
  3. 用 Hydrogen 的 CartForm 组件或自己封装,把返回的 cart 写入状态。
  4. 页面刷新时用 cart query 按 id 拉取。
  5. 处理 cart 过期(id 失效)时自动重建。
验收:加购后角标与抽屉即时更新,刷新后状态保持。
风 风格技术团队 回答于 2 个月前
6

购物车 id 存在 cookie 里比 localStorage 好,SSR 时能直接读到,避免首屏闪烁。

泽 阿泽 · 前端工程师 · 2 个月前

你的处理方式是什么?

写下你实际验证过的步骤,比「我也有这个问题」有用得多。当前版本为静态展示,提交后会由团队整理并回复。

描述你遇到的现象、店铺环境(主题 / 套餐 / 应用)、已经试过哪些操作……
我要单独提问 工作日 10 分钟内回复,可直接加微信 fenggejishu