画像

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

1枚の画像に、タイトル、説明、リンクを任意で設定できます。季節のバナーや、コレクションにリンクする画像に使えます。ホバー時に2枚目の画像に切り替えることもできます。

ブロックを追加する

1. レイアウトを選ぶ

   プレビューのメガメニューパネルで ブロックを追加 をクリックします。カスタム画像を追加 をクリックし、画像 1 または 画像 2 にカーソルを合わせて 選択 をクリックします。

   

   (1) カスタム画像を追加をクリック、(2) 画像 1 または画像 2 を選ぶ。(3) は画像スライダーのレイアウトです。

   画像 1 は、タイトルを画像の下に表示します。画像 2 は、画像の上の暗いバーにタイトルを表示します。

   同じタブには Promo banner（プロモバナー）、Promo banner split（プロモバナー分割）、Brand logos（ブランドロゴ）もあります。Promo bannerとBrand logosをご覧ください。

2. 画像とテキストを選ぶ

   項目を編集 で 画像を選択 をクリックし、画像をアップロードまたは選択します。タイトル、リンク、説明 を入力します。

   

   プレビューの 画像 ブロックと、項目を編集に表示される設定。

3. 保存して公開する

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

設定

タイトルデフォルト: 画像 1 / 画像 2

画像と一緒に表示されるテキスト。空にすると画像のみが表示されます。

リンクデフォルト: なし

画像をクリックしたときの移動先（ページ、商品、コレクション、URL）。必要に応じて 新しいタブで開く にチェックを入れます。

説明デフォルト: Sample description

タイトルの下に表示される、2行目の小さめのテキスト。

ホバーで画像を切り替えるデフォルト: オフ

ブロックにマウスを重ねたときに買い物客が見る ホバー時の画像 を追加します。スマートフォンやタブレットでは、メインの 画像 が表示されます。

画像 / ホバー時の画像デフォルト: なし

メインの画像と、切り替えをオンにした場合のホバー時に表示される画像。

画像の幅デフォルト: 自動

画像を選択すると表示されます。自動 または カスタム（%、px、em、rem の数値）。

幅デフォルト: 25%

ブロックがメガメニューの行のどのくらいを占めるか。自動 または 8.33% から 100%。

余白なしデフォルト: オフ

ブロックの内側の余白をなくし、画像がブロックいっぱいに表示されます。

表示設定デフォルト: オフ

デスクトップで非表示、モバイルで非表示、ログイン時は非表示、ログイン時のみ表示、公開を予約。すべてのブロック共通の設定をご覧ください。

ヒント

• メイン画像とホバー画像には同じサイズ（例：800 × 800 px）を使うと、画像が切り替わってもブロックが動きません。
• 狭いブロックに大きな画像を置くと、スマートフォンでメニューが重くなります。装飾だけの場合は、表示設定 > モバイルで非表示 をオンにしてください。

関連ページ

• 画像スライダー複数の画像をカルーセルで表示し、それぞれにキャプションとリンクを設定します。
• プロモバナー見出し、テキスト、ボタン付きのバナーを追加して、セールや新コレクションを宣伝します。
• ブランドロゴ各ブランドのコレクションにリンクする、ブランドロゴのグリッドを表示します。
• ブロックの概要リンク、画像、商品、カウントダウンなどのブロックを、メガメニューまたはタブに追加します。

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

問題を報告