タブメニュー

ハウツーガイド Pro Navigation 3 分で読めます

タブメニューは、Sneakers、Apparel、Accessories などのタブのタイトルを、選択中のタブのコンテンツの横に表示します。大規模なカタログを、コンパクトなパネルに収められます。

タブメニューを追加する

1. テンプレートを選ぶ

   エディターの 要素 ツリーで、トップレベルの項目の下にある サブメニューを追加 をクリックします。タブ にカーソルを合わせ、テンプレートの 選択 をクリックします。

   

   タブのテンプレート。スクロールすると9つすべてが表示されます。左、上、右の3方向に、それぞれ3つの階層があります。

2. タブの名前を変更する

   各タブのタイトルは項目です。カーソルを合わせて 項目を編集 をクリックし、タイトル を変更します。要素 ツリーで タブを追加 をクリックすると、タブを追加できます。

3. 各タブにコンテンツを入れる

   タブを選択し、ブロックを追加 をクリックして、リンクリスト、画像、商品などを追加します。ブロックをご覧ください。

4. 保存して公開する

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

テンプレート

シンプル

タブが1行に並び、それぞれが専用のコンテンツを持ちます。シンプルな左タブ、シンプルな上タブ、シンプルな右タブ。

2階層

各タブの中に、専用のタブのセットがあります。入れ子の左タブ（2階層）、入れ子の上タブ（2階層）、入れ子の右タブ（2階層）。たとえば Sneakers > Running / Training / Lifestyle > 商品のような構成です。

3階層

タブの中のタブの中にタブがあります。入れ子の左タブ（3階層）、入れ子の上タブ（3階層）、入れ子の右タブ（3階層）。

タブブロックの設定

タブブロックにカーソルを合わせ、鉛筆アイコンをクリックします。

幅

タブブロックがパネルのどのくらいを使うかです。自動、または8.33%から100%。

位置

タブのタイトルを表示する位置です。左、上、右 から選びます。

タブメニューはメガメニューのパネルとして開くため、親項目の サブメニュー セクションで、幅、配置、背景を設定します。メガメニューのパネルレイアウトをご覧ください。

ヒント

• 左 のタブは長いカテゴリーの一覧に、上 のタブは3～6個の短いタイトルに向いています。
• タイトルが2行に折り返されないよう、タブのタイトルは短くしましょう。
• タブをほかのブロックの横に配置するには、メガメニューで ブロックを追加 をクリックし、タブ を選びます。

関連ページ

• メガメニューリンクリスト、画像、商品、お問い合わせフォームなどのブロックから、幅の広いサブメニューパネルを作成します。
• ブロックの概要リンク、画像、商品、カウントダウンなどのブロックを、メガメニューまたはタブに追加します。
• Masonryレイアウトと特別メニュー高さの異なるブロックを列にきれいに積み重ねたり、カテゴリーの一覧とカテゴリーごとのパネルを表示したりします。
• サブメニュードロップダウン、メガメニュー、タブメニュー、Masonryレイアウトを比較し、各項目に適したサブメニューを選びます。

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

問題を報告