简要回答
购物车抽屉中的运费计算器应回答目的地和费用的问题，而不是把抽屉变成第二个结账页。把它放在小计或结账按钮附近，保持折叠状态精简，保留抽屉的关闭和结账控件，在购物车变化后重新计算，并测试键盘、触控、移动端和主题更新后的表现。由于抽屉因主题而异，必须在实际上线的主题上验证兼容性。
保持抽屉的主要功能不受影响
购物车抽屉的作用是让顾客检查订单，然后继续购物或去结账。运费计算器应辅助这个决定，而不是喧宾夺主。使用简短的提示、渐进式展开，以及在小计和结账控件旁依然清晰易读的精简结果。
购物车变化时及时更新
过时的报价比没有报价更糟。添加、删除或修改数量都可能改变重量、小计、配置文件组合和免运费资格。计算器应刷新上下文，或明确提示需要重新计算。
想让顾客在结账前看到运费？ShipCalc 在商品页、购物车和购物车抽屉中显示你现有的 Shopify 运费。了解工作原理。
为狭窄、动态的空间而设计
抽屉通常较窄且可滚动。避免横向溢出，保持舒适的触控区域，不要遮挡结账按钮，并把结果变化通知辅助技术。加载状态应预留空间，避免抽屉跳动。
主题变更后重新测试
主题更新可能替换抽屉标记、类名或渲染方式。记录所用的版本和选择器，并在每次主题升级的回归测试中包含计算器。
检查清单
- 在小计或结账按钮附近可见
- 精简的收起状态
- 无横向溢出
- 结账按钮始终可用
- 购物车更新后重新计算
- 加载和无运费状态排版得当
- 键盘焦点顺序合理
- 结果变化会被播报
- 已在移动端测试
- 主题更新后触发重新测试
问题
所有 Shopify 主题都使用相同的购物车抽屉吗？
不是。抽屉的标记和行为因主题和版本而异，因此必须测试兼容性。
计算器应该自动展开吗？
通常应保持收起，直到顾客请求报价；除非运费是你的商品目录中最关键的决策因素。
结果应显示在哪里？
让结果靠近输入框和小计，同时保证结账按钮仍然可见、可用。