画像スライダー

複数の画像をカルーセルで表示し、それぞれにキャプションとリンクを設定します。

リファレンス Growth Navigation · Pro Navigation 3 分で読めます

矢印付きのカルーセルに複数のスライドを表示します。各スライドには、画像、タイトル、説明、リンクを設定できます。複数のコレクション、ブランド、キャンペーンを1つのブロックのスペースで紹介するのに使えます。

ブロックを追加する

レイアウトを選ぶ

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

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

項目を編集 で、タイトル（カルーセルの上の見出し）、その リンク、幅、1行あたりの項目数、画像比率 を設定します。
スライドを入力する

スライダーには最初に3つのスライドがあります。それぞれについて、画像を選択 をクリックし、タイトル、リンク、説明を入力します。Add slide（スライドを追加）をクリックして追加、削除をクリックして削除します。
保存して公開する

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

設定

スライダー

タイトルデフォルト: 画像スライダー: スライダーの上に表示される見出し。空にすると見出しを非表示にできます。
リンクデフォルト: なし: 見出しをクリックできるようにします。
幅デフォルト: 75%: ブロックがメガメニューの行のどのくらいを占めるか。自動または 8.33% から 100%。
1行あたりの項目数デフォルト: 3: 一度に表示されるスライドの数：1、2、3、4、6。
画像比率デフォルト: 自動: すべてのスライド画像を同じ形に切り抜きます。自動（元の形）、1:1、4:3、3:4、16:9、9:16。
表示設定デフォルト: オフ: デスクトップで非表示、モバイルで非表示、ログイン時は非表示、ログイン時のみ表示、公開を予約。すべてのブロック共通の設定をご覧ください。

各スライド

画像デフォルト: なし: スライドの画像。
タイトル / 説明デフォルト: なし: スライドのキャプション。
リンクデフォルト: なし: スライドをクリックしたときの移動先。

ヒント

形が異なる画像を使うと、スライドの高さがそろわなくなります。1:1 や 4:3 などの 画像比率 を選んで、そろえましょう。
プレビューでスライドをクリックすると、そのスライドの設定に移動します。
自動再生とループは、メニュー内のすべてのカルーセルに適用されます。設定 > カルーセル > 自動再生 と 無限ループ でオンにします。

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

問題を報告