Shopliveプラグイン内の配信一覧のオーバーライド

    Shopliveプラグイン内の配信一覧のオーバーライド


    記事の要約

    プラグインリスト項目のクリックを手動で制御する

    Shopliveプラグインが提供する配信リストのクリックアクションを手動で制御するには、 messageCallback 関数を再定義する必要があります。

    <script type="text/javascript" src="https://static.shoplive.cloud/shoplive.js"></script>
    <script>
      var messageCallback = {
        ON_CLICK_CAMPAIGN_LIST_ITEM: function(payload) {
          var campaign = payload.campaign;
          var ak = payload.ak;
          console.log('Campaign info : ', campaign);
          // show player modal
          cloud.shoplive.showFeaturedPlayerModal(campaignKey:campaign.campaignKey);
        }
      };
      cloud.shoplive.init({ accessKey: 'YOUR_ACCESS_KEY', messageCallback: messageCallback });
    </script>
    
    
    <div id="shoplive-overall"></div>
    <script defer>
      cloud.shoplive.setOverall('shoplive-overall');
    </script>