01. 先按商品图片，找到需要的用品
商品列表将图片、名称与价格放在同一张卡片中。顾客可以连续比较，再进入感兴趣的商品，查看完整信息。
列表把商品名称与价格紧跟在图片下方，连续卡片形成第一轮筛选。日常用品可从形态与用途先做判断，服装则需要继续进入详情看实际穿着。这里的职责是帮助顾客确定候选商品，更多规格与说明留到单品页展开。
02. 从穿着效果，看到颜色与尺码
详情页以宠物实际穿着图呈现服装形态，购买区集中展示规格与操作按钮。继续向下浏览，可查看商品说明与更多细节。
主图与缩略图提供服装的观察入口，颜色、尺码和数量集中在购买区域，组合选购信息与长图说明继续向下展开。穿着画面帮助判断整体版型，文字与选项帮助确认具体购买内容。两类信息相邻但不混在一起，让顾客从感兴趣走到逐项核对。
03. 加入后，立即核对购物清单
侧边购物车展示已选商品、数量与小计，不必先离开商品页。顾客可以核对选择，再决定继续浏览或进入结账。
购物车以侧栏覆盖在当前商品页之上，清单中显示商品缩略图、数量与小计。它让“添加成功”变成可检查的状态：顾客能够看到加入了什么、数量是多少，再决定是否继续选购。当前商品仍保留在背景中，操作与刚才的浏览保持联系。
04. 把购买前的疑问放在一起
配送、订单调整和护理问题按主题排列，让顾客在购买前找到相关信息。
常见问题按配送、订单变更、商品护理等主题组织，每个主题保留独立标题与说明。把重复出现的购买疑问集中放在这里，可以让商品详情专注于具体产品。顾客既能顺着商品完成选购，也能在有疑问时转入明确的信息页面。
手机端：逐项核对购物车
手机端购物车把商品图、名称、数量和金额沿纵向排列，操作围绕当前清单展开。保留缩略图是为了帮助顾客识别刚加入的商品，数量与小计放在相近位置便于核对。窄屏以一次看清一个条目为重点，避免同时压缩商品和金额。
