ボタン

「すべて見る」などのコールトゥアクションボタンをメガメニューに追加します。

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

「すべて見る」や「フィッティングを予約」など、明確なコールトゥアクションを1つ設置します。リンクリストのグループの下に置いてコレクション全体に誘導したり、狭い列に単独で置いたりできます。

ブロックを追加する

レイアウトを選ぶ

プレビューのメガメニューパネルで ブロックを追加 をクリックします。リンクリスト をクリックし、Button（ボタン）にカーソルを合わせて選択をクリックします。最初は「Shop all」で、すべての商品にリンクしています。

(1) リンクリストをクリック、(2) Button を選ぶ。
ラベルとリンクを設定する

項目を編集 の一般で、ラベル を入力し、リンク を選びます。

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

Style（スタイル）で見た目を整え、保存と公開をクリックします。

設定

一般

ラベルデフォルト: Shop all: ボタンのテキスト。
リンクデフォルト: /collections/all: ボタンの移動先（初期値はすべての商品）。必要に応じて 新しいタブで開く にチェックを入れます。
幅デフォルト: 100%: ブロックがメガメニューの行のどのくらいを占めるか。自動または 8.33% から 100%。

スタイル

Styleデフォルト: Solid: Solid（塗りつぶしのボタン）、Outline（枠線のみ）、リンク（テキストリンク）。
Alignmentデフォルト: 左: 配置。左、中央、全幅（ブロック全体にボタンを広げます）。
Button colorデフォルト: #111827: ボタンの色。
文字色デフォルト: #FFFFFF: ラベルの色。

表示設定 は他のブロックと同じです。すべてのブロック共通の設定をご覧ください。

ヒント

幅100%にすると、ボタンは他のブロックの下の専用の行に配置されます。Alignment を中央にすると、メガメニュー全体の中央に配置できます。
メガメニューにすでにプロモバナーがある場合は、Outline または リンク を使うと、両者が注目を奪い合いません。

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

問題を報告