サイドバーのメニューセクションの順序を制御する方法

[Lilly (Lillian Louis)]

サイドバーセクションの順序はCSSで制御できます。以下のようなCSSコードを含む新しいコンポーネントを追加してください。管理 -> テーマとコンポーネント -> コンポーネント に移動し、新しいローカルコンポーネントを作成します。

そして、CSSタブに以下のコードを追加します。ここで custom-section-name はカスタムメニューセクションのスラッグ名です。

.sidebar-wrapper { 
  .sidebar-custom-sections {
    display: contents;
  } 
  [data-section-name="community"] {
    order: -4;
  }
  [data-section-name="categories"] {
    order: -3;
  }
  [data-section-name="tags"] {
    order: -2;
  }
  [data-section-name="custom-section-name"] {
    order: -1;
  }
}

CSSタブのスクリーンショット

上記のコードの数値を変更し、カスタムセクションを追加して、お客様の特定のニーズに合わせて調整する必要があります。このようになります。