Shoplive Docs
한국어KOEnglishEN日本語JA
ガイド

5 · ショートフォームコレクションを設定してサイトに適用する

ショートフォーム一覧のショートフォームコレクションのプレビューでコレクションの表示方法を設定し、設定が反映されたコードをコピーしてショップのページに適用します。グループ詳細からも同じ画面を開けます。コレクションのオプションはプレビューと埋め込みコードの両方に反映されます。

コレクションのオプション

表示設定

  • レイアウト: 横スクロール、縦スクロール Large、縦スクロール Smallから選びます。DesktopとMobileのプレビューで確認できます。
  • 商品 UI、行数
  • 横型専用オプション: 横のアイテム数、横方向の矢印を表示のように、横型のプレビューでのみ適用されます。
  • もっと見るボタンの表示有無
  • プレビューの自動再生方式: すべて再生または1 行に 1 つずつ再生
  • 自動横スクロール
  • コンテンツの順序をランダム表示
  • クエリパラメータの記録を無効化: ショートフォームを見ている間ブラウザのアドレス(URL)が変わらないため、サイト本来のページ移動の仕組みをそのまま使えます。

フィルター/分類オプション

Tags(タグでコンテンツを分類)、Brands(ブランドでコンテンツを分類)、商品 SKUを入力して、コレクションに表示するコンテンツを決めます。カンマ(,)で複数の値を入力でき、タグの検索条件で複数タグ入力時の AND/OR 検索方式を選びます。タグ分類表示を使うと、全コンテンツからそのタグが付いたコンテンツを分類して見られます。

並べ替え/追加オプション

並べ替え基準は作成日、更新日、閲覧数、いいね、コメント数、ブックマーク数、シェア数から選び、並べ替えの方向は昇順または降順です。表示順と特定のコレクション/商品基準もあわせて設定できます。

埋め込みコードのコピー

  1. コレクションのオプションを設定します。
  2. インストールコード(1 回だけ挿入)と埋め込みコード(位置ごとに挿入)を確認します。現在選択しているオプションが反映されたコードで、導入企業の Access Key が自動で入力されます。
  3. 埋め込みコードをコピーを押すと埋め込みコードがコピーされました。というメッセージが表示されます。
  4. コピーしたコードをページの<body>内の目的の位置に貼り付けると、ショートフォームのコレクションが表示されます。コードの適用は開発チームに依頼してください。