Shoplive Docs
한국어KOEnglishEN日本語JA
リファレンス · 開発チーム向け連携ガイド

ショートフォーム Preview(PIP)の構成方法

開発チームが連携を適用する際に参照するガイドです。管理画面の運用には必要ありません。

ショートフォーム Preview(PIP)は次の方法で構成できます。

ショートフォームグループをもとにした Preview の構成方法

ショートフォームグループで Preview(PIP)を構成する方法は次のとおりです。

<script>
  cloud.shoplive.showShortformPreview({ 
    shortformCollectionId: "SHORTFORM_GROUP_ID" 
  });
</script>

SKU をもとにした Preview の構成方法

特定の商品 SKU をもとに Preview(PIP)を構成する方法は次のとおりです。

<script defer>
  cloud.shoplive.showShortformPreview({
    sku: "SKU"
  });
</script>

タグをもとにした Preview の構成方法

ショートフォームのタグをもとに Preview(PIP)を構成する方法は次のとおりです。タグは最大 5 個まで入力できます。

<script defer>
  cloud.shoplive.showShortformPreview({
    tags: ["YOUR_TAG1", "YOUR_TAG2"]
  });
</script>

 tagSearchOperator="AND" オプションを使うと、すべてのタグ(AND 条件)を含む条件で構成できます。

<script defer>
  cloud.shoplive.showShortformPreview({
    tags: ["YOUR_TAG1", "YOUR_TAG2"],
    tagSearchOperator: "AND"
  });
</script>

ブランドをもとにした Preview の構成方法

特定のブランドをもとに Preview(PIP)を構成する方法は次のとおりです。タグは最大 5 個まで入力できます。

<script defer>
  cloud.shoplive.showShortformPreview({
    brands: ["BRAND_IDENTIFIER1", "BRAND_IDENTIFIER2"]
  });
</script>