商品详情页 sdk

商品详情页 sdk

const { getData, pageData, events, getProcess } = window.youzanyunbridge;

全局数据 (getData)

1. 店铺信息

/**
 * 店铺信息
 * @typedef   {Object} Shop
 * @property  {Number|String} kdtId  店铺id
 */
const shop = getData("shop");

2. 用户信息

/**
 * 用户信息
 * @typedef   {Object} User
 * @property  {String} nickName	用户昵称
 * @property  {Number} gender		用户性别
 * @property  {String} avatar		用户头像链接
 * @property  {String} mobile		手机号码
 * @property  {String} userOpenId	用户唯一id
 */
const user = getData("user");

页面数据 (pageData)

{
  // 商品信息   *上下滑动查看*
  goodsItem: {
    alias,	 // 商品别名
    title,	// 商品名称
    picture,  // 商品头图,用于sku展示
    sellPoint,  // 商品卖点,页面子标题内容
    origin,  // 划线价
    isVirtual,  // 是否是虚拟商品,包含 虚拟商品和电子卡券
    isVirtualTicket,  // 是否是电子卡券
    isDisplay,	// 是否上架
    limitBuy,	 // 是否仅限特定会员购买
    waitToSoldTime,	 // 定时开售时间
    buyWay,	 // 购买方式 0:外购买商品 1:非外部购买商品
    buyUrl,	 // 外链商品购买链接
    forbidBuyReason,	// 不可购买原因
    isSupportFCode,	 // 商品是否参与f码活动
    isGoodsCollected,	 // 商品是否被收藏
    isInstallment,	// 是否支持分期支付
    risk:{ // 店铺风险提示
      match,  // 是否命中,
      note,//  说明文字
    }
  },
  // 退款模型
  refund: {
    isSupport,  // 是否支持退款(包含虚拟商品和电子卡券)
    type,  // 退款方式
    interval,  // 退款时间区间
  },
  // 多网点信息
  multistore: {
    name
  },
  // 店铺信息
  shop: {
    logo,	 // 店铺logo
    name,	 // 店铺名称
    url,	// 店铺跳转地址
    certType,	 // 店铺认证类型:2:企业认证 3-4:个人认证 5-9:官方认证
  },
  // 店铺配置
  shopConfig: {
    isShowBuyBtn,  // 商品页是否展示立即购买按钮
    isSecuredTransactions,  // 是否加入担保交易
    showRecommendGoods,	 // 是否开启推荐商品
    showBuyRecord,	// 是否开启销量与成交记录
    showCustomerReviews,	// 是否开启商品评价
    supportFreightInsurance,	 // 是否支持运费险
    hideShoppingCart,	  // 是否隐藏购物车按钮
    hasPhysicalStore,	 // 是否有线下门店
  },
  // 店铺担保配置
  guarantee: {
    on,  // 是否加入有赞担保
    style,  // 担保样式
  },
  // 配送信息
  distribution: {
    postage,  // 运费
    supportExpress,  // 是否支持快递
    supportSelfFetch,   // 是否支持自提
    supportLocalDelivery,   // 是否支持同城送
    expressFee,   // 快递费用
    localDeliveryFee,   // 同城送费用
  }
}

事件 (events)

事件名 入参 事件类型 事件说明
beforeCartSubmit {
 goodsAlias: string, // 商品别名
 skuId: number, // skuid
 num: number, // 商品数量
 messages:Object {留言名:留言值}
}
异步事件 sku 选择后加入购物车,保存购物车数据之前触发
afterBuy {
 bookKey: string,
 buyUrl: string, // 跳转下单页的 url
 goodsAlias: string, // 商品别名
 skuId: number, // skuid
 num: number, // 商品数量
 messages:Object {
  留言名:留言值
 }
}
异步事件 预下单(生成 book_key)之后触发。

流程 (getProcess)

流程名 入参 流程说明
showSKU type: string
可选值如下
- selectSku: 有加入购物车和立即购买
- addCart:只有加入购物车
- buy: 只有下一步(购买)
- presale:只有下一步(预售购买)
- gift:只有下一步(送礼购买)
- point:只有下一步(积分购买)
- hotel:只有下一步(酒店购买)
- addWish:只有下一步,添加心愿单

在砍价 0 元购时,支持的可选值如下
- buy:有加入购物车和立即购买
- helpcut:砍价

在赠品时,支持的可选值
- present:赠品

在多人拼团时,支持的可选值
- buy:有加入购物车和立即购买
- open:开团
- groupon:拼团
- gift:只有下一步(送礼购买)
- addCart:只有加入购物车
- normalBuy:只有下一步(购买)
弹出 sku 流程
showIM 联系客服跳转流程