概要
マルチSKUバンドルは、ユーザーがワンクリックで複数の製品のスタックをカートに追加できるようにすることで、ユーザーエクスペリエンスを簡素化します。
必要条件
SFCCベースのストアフロント向けにマルチSKUカートバンドルを設定するには、通常、次のことが求められます。
- SFCC OCAPI へのアクセスを有効にする タンジブリーのエンドポイント
- 提供 クライアントID API リクエスト用
- 共有 API バージョン そして サイト ID
仕組み
Tangiblee は 2 つの API エンドポイントを使用します。
1。商品 ID (または商品スラッグ) 別に商品バリエーションを取得する API:
a. バリエーション ID
b. 価格;
c. 在庫がある場合
d. オプション (サイズ、色など)
GET: https://<client.domain>/s/Sites-en-GBSite/dw/shop/v17_8/products/<product_id>?client_id=<client_id>&expand=availability,prices,variations>
(product_id はマスタープロダクト ID で、client_id はクライアントによって提供されます)
- 選択した商品を、バリエーション ID を指定して 1 つずつカートに入れます。
POST: https://<client.domain>/on/demandware.store/Sites-en-GB-Site/en_GB/Cart-AddProduct
データはリクエストボディで ATC エンドポイントに渡されます。
cartAction='add'
pid=<variant_id>
Quantity=1
オプションとして、PidsObj を使用して、選択した商品を一度にカートに追加するリクエストを送信することもできます。
pid=''
pdsObj=[{ pid: variants[0], qty: '1' }, { pid: variants[1], qty: '1' }]
Quantity=1
参考文献
OCAPI ドキュメント: https://documentation.b2c.commercecloud.salesforce.com/DOC2/index.jsp?topic=%2Fcom.demandware.dochelp%2FOCAPI%2Fcurrent%2Fshop%2FResources%2FProducts.html&cp=0_15_3_12
CORS の有効化: セールスフォース・コマース・クラウド・インフォセンター
バッグコントローラーに追加: https://salesforcecommercecloud.github.io/b2c-dev-doc/docs/current/sfrajsdoc/js/server/app_storefront_base_cartridge_controllers_Cart.js.html
.png)
.png)
