商品详情页 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 | 联系客服跳转流程 |