マルチカートバンドル仕様:SFCC

概要

マルチ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 はクライアントによって提供されます)


2. 選択した商品を、バリエーション 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

‍