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

ブランドロゴ

各ブランドのコレクションにリンクする、ブランドロゴのグリッドを表示します。

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

ロゴのグリッドです。各ロゴは、選んだページ(通常はブランドのコレクション)にリンクします。買い物客がロゴでブランドを見分ける場合の「ブランドから探す」パネルに使えます。

ブロックを追加する

  1. レイアウトを選ぶ

    プレビューのメガメニューパネルで ブロックを追加 をクリックします。カスタム画像を追加 をクリックし、Brand logos(ブランドロゴ) にカーソルを合わせて 選択 をクリックします。最初は、見出し「Shop by brand」と5つのサンプルブランドが入っています。

    (1) カスタム画像を追加 をクリック、(2) Brand logos を選ぶ。
  2. 各ブランドを設定する

    項目を編集 で、ブランドごとに Logo(ロゴ) の下の 画像を選択 をクリックし、名前 を入力して リンク を選びます。Add brand(ブランドを追加) をクリックして追加、削除 をクリックして削除します。

    プレビューの ブランドロゴ ブロックと、項目を編集に表示される設定。
  3. 保存して公開する

    Style(スタイル) でグリッドを調整し、保存 と 公開 をクリックします。

設定

一般

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

スタイル

Logos per row(1行あたりのロゴ数)デフォルト: 5
3、4、5、6。
Grayscale logos, color on hover(ロゴをグレースケール表示、ホバーでカラー)デフォルト: オン
すべてのロゴをグレーで表示し、買い物客がカーソルを合わせると色が戻ります。

各ブランド

Logoデフォルト: なし
ブランドのロゴ。ロゴがない場合は、ブランドの 名前 がテキストで表示されます。
名前デフォルト: Brand 1, Brand 2…
ブランド名。
リンクデフォルト: なし
ロゴをクリックしたときの移動先。

1ブロックにつき最大18ブランドまで追加できます。各ブランドは、ブロックの下の 要素 リストにも Add brand ボタンとともに表示されます。ドラッグして並べ替えたり、(リストまたはプレビューで)クリックしてそのブランドだけを編集したりできます。ブランドごとの 表示設定 も設定でき、たとえば1つのブランドだけモバイルで非表示にできます。ブロック全体の 表示設定 は、他のブロックと同じです。すべてのブロック共通の設定をご覧ください。

ヒント

  • グリッドをそろえて見せるため、形が同じで背景が透明または白のロゴを使いましょう。
  • Grayscale logos, color on hover をオンにすると、落ち着いた見た目のまま、買い物客がブランドにカーソルを合わせたときに反応します。

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

問題を報告