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

商品リスト

商品を、単一のカード、グリッド、リスト、カルーセルのいずれかでメニューに表示します。

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

画像、ベンダー、名前、価格を表示する商品カードを、メガメニューの中に直接表示します。単一商品（すべてのプラン）で売れ筋の1商品に注目を集めたり、グリッド、リスト、カルーセル（Growth Navigation、Pro Navigation）で新着、売れ筋、コレクション全体を見せたりできます。

ブロックを追加する

  1. レイアウトを選ぶ

    プレビューのメガメニューパネルで ブロックを追加 をクリックします。商品を追加 をクリックし、レイアウトにカーソルを合わせて 選択 をクリックします。

    (1) 商品を追加をクリック、(2) レイアウトを選ぶ。

  2. 商品を選ぶ

    単一商品 の場合は、商品を追加 の下の 商品を選択 をクリックして1つ選びます。それ以外のレイアウトでは、ソース を選びます。コレクション ではコレクションを、手動 では商品を選びます。

    プレビューの 商品リスト ブロックと、項目を編集に表示される設定。

  3. 保存して公開する

    以下の設定を調整し、保存 と 公開 をクリックします。

レイアウト

商品を追加 タブには、最初に Lookbook hotspots（ルックブックホットスポット。詳細をご覧ください）、続いて次のレイアウトが表示されます。

単一商品
商品カード1つ。タブには2種類あり、画像が上のものと画像が左のものがあります。
商品グリッド 画像上Growth · Pro
商品をグリッドで表示し、画像は上に配置します。
商品カルーセルGrowth · Pro
矢印付きのスライダーで商品を表示します。
商品リストGrowth · Pro
商品を縦に並べ、小さな画像を左に配置します。
商品グリッド 画像左Growth · Pro
商品をグリッドで表示し、小さな画像を左に配置します。

設定

単一商品

幅デフォルト: 25%
ブロックがメガメニューの行のどのくらいを占めるか。自動 または 8.33% から 100%。
レイアウトデフォルト: 選んだレイアウト
画像を上に または 画像を左に。
商品を追加デフォルト: なし
表示する商品。
表示設定デフォルト: オフ
デスクトップで非表示、モバイルで非表示、ログイン時は非表示、ログイン時のみ表示、公開を予約。すべてのブロック共通の設定をご覧ください。

商品グリッド、リスト、カルーセル

タイトル / リンクデフォルト: New products
商品の上に表示する見出しと、そのリンク先（例：コレクション全体）。
幅デフォルト: グリッド 75% · リスト、カルーセル 25%
ブロックがメガメニューの行のどのくらいを占めるか。
リスト表示デフォルト: 選んだレイアウト
カルーセル、リスト、グリッド。
商品数デフォルト: グリッド 6 · リスト、カルーセル 4
表示する商品の数。
1行あたりの項目数デフォルト: グリッド 3 · カルーセル 1
グリッド と カルーセル のみ：1行あたり 1、2、3、4、6 個の商品。
項目の表示デフォルト: 選んだレイアウト
グリッド と カルーセル のみ：画像を上に または 画像を左に。
画像比率デフォルト: 自動
自動、1:1、4:3、3:4、16:9、9:16。すべての商品画像を同じ形にそろえます。
ソースデフォルト: 新着商品
新着商品（追加日が新しい順）、売れ筋、コレクション（選んだ1つのコレクションの商品）、手動（選んだ商品のみ）。
表示設定デフォルト: オフ
単一商品 と同じオプションです。

買い物客に表示される内容

各商品には、画像、ベンダー、名前、価格が表示されます。複数のバリエーションがある商品では、最安価格の前に ～から が表示されます。比較対象価格は取り消し線付きで セール ラベルとともに表示され、購入できない商品には 完売 と表示されます。

ヒント

  • メニュー内のすべての商品の下に カートに追加 ボタンを表示するには、設定 > 詳細設定 > カートに追加ボタンを表示 をオンにします。
  • カルーセルの自動再生とループは、設定 > カルーセル にあります。
  • 商品データは自動で更新され、コレクション ソースは常にそのコレクションの現在の商品を表示します。商品やコレクションを削除したりハンドル（URL）を変更したりした場合は、もう一度選んでください。

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

問題を報告