コンテンツにスキップ
アプリをインストール
日本語

ルックブックホットスポット

コーディネート写真にクリックできるドットを配置し、写っている商品を表示します。

リファレンス すべてのプラン 3 分で読めます

コーディネートした服装や家具を配置した部屋などの1枚の写真に、写っている商品の位置へドット(ホットスポット)を配置します。各ドットは、画像、名前、価格を含む商品カードを開き、買い物客はトータルコーディネートを購入できます。

ブロックを追加する

  1. レイアウトを選ぶ

    プレビューのメガメニューパネルで ブロックを追加 をクリックします。商品を追加 をクリックし、Lookbook hotspots(ルックブックホットスポット)にカーソルを合わせて 選択 をクリックします。

    (1) 商品を追加 をクリック、(2) Lookbook hotspots を選ぶ。
  2. 写真を追加する

    項目を編集 の 一般 で 見出し を入力し、画像 の下の 画像を選択 をクリックします。ブロックに画像を設定すると Hotspots(ホットスポット)セクションが表示されます。

    プレビューの ルックブックホットスポット ブロックと、項目を編集に表示される設定。
  3. ホットスポットを配置する

    Hotspots で、商品が写っている位置の画像をクリックすると、番号付きのドットが追加されます。各 Hotspot の下で 商品を選択 をクリックし、その位置にある商品を選びます。

  4. 保存して公開する

    保存 をクリックし、公開 をクリックします。

設定

一般

見出しデフォルト: Shop the look
写真の上に表示するテキスト。
画像デフォルト: なし
ルックブックの写真。
幅デフォルト: 66.66%
ブロックがメガメニューの行のどのくらいを占めるか。自動 または 8.33% から 100%。

ホットスポット

X / Yデフォルト: クリックした位置
画像上のドットの位置。左と上からの割合(%)で指定します。変更すると、ドットの位置を微調整できます。
商品を選択デフォルト: なし
ドットで開く商品。商品が設定されていないホットスポットは、画像上に表示されません。
削除
ホットスポットを削除します。

1つの画像につき最大6つのホットスポットまで設定できます。画像を削除すると、再度追加するまで Hotspots セクションは非表示になります。表示設定 は他のブロックと同じです。すべてのブロック共通の設定をご覧ください。

ヒント

  • 商品の周りに余白のある写真を使うと、ドットと商品カードが重なりません。
  • 各ドットは、写真の端ではなく、商品そのものの上に配置しましょう。
  • 商品カードは、メニューの商品設定に従います。設定 > 詳細設定 > カートに追加ボタンを表示 をオンにすると、商品カードにも カートに追加 ボタンが表示されます。

このページは役に立ちましたか?

問題を報告