ロゴのグリッドです。各ロゴは、選んだページ(通常はブランドのコレクション)にリンクします。買い物客がロゴでブランドを見分ける場合の「ブランドから探す」パネルに使えます。
ブロックを追加する
-
レイアウトを選ぶ
プレビューのメガメニューパネルで ブロックを追加 をクリックします。カスタム画像を追加 をクリックし、Brand logos(ブランドロゴ) にカーソルを合わせて 選択 をクリックします。最初は、見出し「Shop by brand」と5つのサンプルブランドが入っています。
(1) カスタム画像を追加 をクリック、(2) Brand logos を選ぶ。 -
各ブランドを設定する
項目を編集 で、ブランドごとに Logo(ロゴ) の下の 画像を選択 をクリックし、名前 を入力して リンク を選びます。Add brand(ブランドを追加) をクリックして追加、削除 をクリックして削除します。
プレビューの ブランドロゴ ブロックと、項目を編集に表示される設定。 -
保存して公開する
Style(スタイル) でグリッドを調整し、保存 と 公開 をクリックします。
設定
一般
- 見出し
- ロゴの上に表示するテキスト。
- 幅
- ブロックがメガメニューの行のどのくらいを占めるか。自動 または 8.33% から 100%。
スタイル
- Logos per row(1行あたりのロゴ数)
- 3、4、5、6。
- Grayscale logos, color on hover(ロゴをグレースケール表示、ホバーでカラー)
- すべてのロゴをグレーで表示し、買い物客がカーソルを合わせると色が戻ります。
各ブランド
- Logo
- ブランドのロゴ。ロゴがない場合は、ブランドの 名前 がテキストで表示されます。
- 名前
- ブランド名。
- リンク
- ロゴをクリックしたときの移動先。
1ブロックにつき最大18ブランドまで追加できます。各ブランドは、ブロックの下の 要素 リストにも Add brand ボタンとともに表示されます。ドラッグして並べ替えたり、(リストまたはプレビューで)クリックしてそのブランドだけを編集したりできます。ブランドごとの 表示設定 も設定でき、たとえば1つのブランドだけモバイルで非表示にできます。ブロック全体の 表示設定 は、他のブロックと同じです。すべてのブロック共通の設定をご覧ください。
ヒント
- グリッドをそろえて見せるため、形が同じで背景が透明または白のロゴを使いましょう。
- Grayscale logos, color on hover をオンにすると、落ち着いた見た目のまま、買い物客がブランドにカーソルを合わせたときに反応します。
このページは役に立ちましたか?
フィードバックありがとうございます。 足りなかった情報を教える
問題を報告