使用购物车模式下单

按照本文步骤完成“使用购物车模式下单”,并核对页面反馈和业务结果。

概述

本文说明“使用购物车模式下单”的操作入口、执行顺序和完成标准。

开始之前

[!IMPORTANT]

  • 角色权限:使用已启用的订货账号。
  • 前置配置:上游企业已开放商城并配置可售商品。

操作步骤与说明

快速操作

  1. 在商城页面中,选择需要订购的商品。
  2. 在商品卡片中,点击加入购物车
  3. 在购物车页面中,确认数量和促销信息。
  4. 在结算页面中,提交订单。

商城订货(购物车模式)

浏览商城,一键加车

商城支持两种视图切换:

用户可通过卡片视图、列表视图查看商品,卡片视图比较适合快消行业,列表模式更适用制造行业。

有图无图模式:当用户不需要图片时,上游管理员可统一设置去掉图片。去掉图片后,商品列表、购物车、订单详情都不会显示图片。

有图无图模式:当用户不需要图片时,上游管理员可统一设置去掉图片。去掉图片后,商品列表、购物车、订单详情都不会显示图片。

有图无图模式:当用户不需要图片时,上游管理员可统一设置去掉图片。去掉图片后,商品列表、购物车、订单详情都不会显示图片。

Web 端商城卡片模式:

Web 端商城列表模式:

在 Web 端商品详情页,可浏览商品介绍,图文详情等,也可执行加车操作:

在 Web 端商品详情页,可浏览商品介绍,图文详情等,也可执行加车操作:

移动端商城模式效果:商城模式对应底部的商品菜单:

移动端商城模式效果:商城模式对应底部的【商品】菜单:

商城支持多场景浏览:最近订购、促销商品、促销活动、新品上架、收藏商品等:

商城支持最近订购、促销商品、新品上架和收藏商品等浏览场景

商品列表字段支持配置:

商品卡片支持配置:

首页或商城的商品卡片也支持配置,如标题、自定义需展示的内容等:

首页或商城的商品卡片也支持配置,如标题、自定义需展示的内容等:

  • 注:
  • 商城模式,仅展示当前选中的价目表内的商品,对价目表中没有的商品不显示不可查看, 商品搜索将只能搜索当前价目表中的商品,未在价目表中的价格将不能被搜索到,商品分类也将根据新的价目表进行调整,只会显示当前价目表中存在商品的分类。

Ø  商城模式,仅展示当前选中的价目表内的商品,对价目表中没有的商品不显示不可查看, 商品搜索将只能搜索当前价目表中的商

  • 商城模式下,也支持按照产品维度(SKU 维度)浏览商城、列表、加车(需要单独开关):
  • 新版订货通,会按上游企业设置的可售范围下的产品所对应的价目表的优先级返回产品价格。

移动端分类导航

电商核心场景,移动商城使用分类导航,除了直接浏览商城,支持完全基于分类导航定位商品/产品、加车下单的场景:

电商核心场景,移动商城使用分类导航,除了直接浏览商城,支持完全基于分类导航定位商品/产品、加车下单的场景:

购物车结算

三、 购物车结算

购物车页面将显示添加到购物车需要购买的商品,购物车将对商品页面添加的数量规格进行记录,在购物车页面也支持进行二次修改,比如可对购物车中的商品进行编辑,包括更改数量、删除商品,清除已失效商品,填写自定义字段等,操作体验同电商。

购物车页面将显示添加到购物车需要购买的商品,购物车将对商品页面添加的数量规格进行记录,在购物车页面也支持进行二次修改,比

web 端购物车:

移动端购物车:

移动端购物车:

购物车适配价格政策:

购物车会实时计算选中产品的总价格和总数量,并适配价格政策(新促销)进行计算,显示促销规则(包括订单促销、商品促销、组合促销等。)和促销优惠金额。

购物车会实时计算选中产品的总价格和总数量,并适配价格政策(新促销)进行计算,显示促销规则(包括订单促销、商品促销、组合促

促销选择:当一个商品同时有多个促销活动时,经销商可手动切换想要的价格政策。

促销选择:当一个商品同时有多个促销活动时,经销商可手动切换想要的价格政策。

赠品促销效果如下:

赠品促销效果如下:

web 端:

移动端:

  • 注:
  • 在购物车页面对订单维度的促销不做计算和赠品展示,只提示规则。订单促销将在购物车的基础上在订单提交页面计算和展示。
  • 加车时,个别企业在订单上若设有必填字段(场景:当厂商要求经销商下单时,除了输入购买数量,还需要输入其他自定义必填字段,比如如图所示的加工方式,规格等),在加车时点可设置进行前置填写(不填写可跳过):

Ø  加车时,个别企业在订单上若设有必填字段(场景:当厂商要求经销商下单时,除了输入购买数量,还需要输入其他自定义必填字

购物车列表可自定义展示字段:

购物车列表支持用户自定义展示相关指定字段,如:产品编码、描述、备注,或者其他自定义字段等:

以移动端为例,效果如下,单击支持弹窗展示全部信息

以移动端为例,效果如下,单击支持弹窗展示全部信息

购物车底部可自定义展示字段:

移动端购物车底部支持用户自定义展示指定字段,如:重量,体积,或者其他自定义字段等,以移动端为例效果如下,点击底部的更多可查看详细信息:

移动端购物车底部支持用户自定义展示指定字段,如:重量,体积,或者其他自定义字段等,以移动端为例效果如下,点击底部的【更多

快速下单模式

Web 端商城新增快速下单入口、移动端新增快速下单底部导航栏,用户可可跳过购物车结算在该界面浏览商品,直接提交订单,即在浏览商品/产品列表同时可直接下单,提高经销商急单补货效率:

Web 端商城新增快速下单入口、移动端新增快速下单底部导航栏,用户可可跳过购物车结算在该界面浏览商品,直接提交订单,即在浏

Web 端商城新增快速下单入口、移动端新增快速下单底部导航栏,用户可可跳过购物车结算在该界面浏览商品,直接提交订单,即在浏

Web 端效果

Web 端效果

Web 端效果

Web 端效果

预期结果与验证

  • 完成操作后,在相关列表或详情页确认“使用购物车模式下单”的处理结果。
  • 刷新或重新进入页面,确认状态和业务数据未发生异常变化。
  • 确认当前结果可以继续进入后续订单或履约流程。

常见问题与故障排除

  • 正式使用前,请先用测试数据验证。
  • 功能不可见时,请检查版本、权限和数据范围。

相关主题

2026-09-18
0 0