장바구니 버튼 구현하기

📘

이 기능을 활성화하기 위해서는 Shoplive와 협의가 필요합니다.

Shoplive와 사전 협의를 통해 장바구니 버튼을 노출하고, 해당 버튼에 대한 custom action을 정의할 수 있습니다.

장바구니 버튼을 구현하기 위하여 다음 가이드를 참고하세요.

messageCallback

사용자가 장바구니 버튼을 클릭할 때 발생하는 message callback을 구현하여 원하는 기능을 정의할 수 있습니다.

Payload 객체

샘플 코드

Shoplive 플레이어에서 장바구니 버튼 클릭 시 호출되는 message callback을 구현하는 샘플 코드입니다.

CLICK_PRODUCT_CART: function (payload) {
  const { goodsId, campaignId, campaignKey, name, isCartOn } = payload;

  fetch("cart update api address")
    .then((res) => res.json())
    .then((res) => {
      if (res.success) {
        alert(`${name}를 장바구니에 추가했습니다.`);
      }
    });
}