How To Change Filter Order In Specific Category

By default, filters are shown in layered navigation block according to their Position property. This order is the same in all categories.

This update allows you to customize order of filters in specific category by assigning custom position value to the filter in Design -> Layout Update XML category field.

Example

The following example puts Price filter above all the other filters:

<referenceContainer name="sidebar.main">
    <referenceBlock name="main.mana.layered_nav">
        <action method="setFilterPosition">
            <argument name="filter" xsi:type="string">price</argument>
            <argument name="position" xsi:type="string">-2</argument>
        </action>
    </referenceBlock>
</referenceContainer>

Specifying Layered Navigation Block

There are up to 4 layered navigation blocks on the page, and in each of them, you can hide and show filters:

• In layered navigation in main sidebar:

  <referenceContainer name="sidebar.main">
      <referenceBlock name="main.mana.layered_nav">
          <!-- ... -->     
      </referenceBlock>
  </referenceContainer>
  

• In layered navigation above products:

  <referenceContainer name="content">
      <referenceBlock name="above_products.mana.layered_nav">
          <!-- ... -->     
      </referenceBlock>
  </referenceContainer>
  

• In layered navigation displayed on mobile devices:

  <referenceContainer name="content">
      <referenceBlock name="mobile.mana.layered_nav">
          <!-- ... -->     
      </referenceBlock>
  </referenceContainer>
  

• In layered navigation in additional sidebar:

  <referenceContainer name="sidebar.additional">
      <referenceBlock name="additional.mana.layered_nav">
          <!-- ... -->     
      </referenceBlock>
  </referenceContainer>