Magento2 Layered Navigation – Sort Attribute Options by Name Instead of Number of Products

layered-navigationmagento2magento2.2.4product-attributesort

My theme is child of magento blank.
On default magento 2 layered navigation sort labels of attribute in layered navigation by Count number of products that exist with this attribute.

I need to change this alphabetically sort order.

Example:
Colours:
Red (10)
Blue (3)
Yellow (2)
Change to:
Blue (3)
Red (10)
Yellow (2)

Where should I look?
In module_layered_navigation? or Magento\Framework\Data\OptionSourceInterface? or somwhere else?

I found this in vendor/magento/module-catalog/Model/Layer/Filter/AbstractFilter.php

     * Create filter item object
 *
 * @param   string $label
 * @param   mixed $value
 * @param   int $count
 * @return  \Magento\Catalog\Model\Layer\Filter\Item
 */
protected function _createItem($label, $value, $count = 0)
{
    return $this->_filterItemFactory->create()
        ->setFilter($this)
        ->setLabel($label)
        ->setValue($value)
        ->setCount($count);
}

Maybe I could add somewhere usort:

usort($this, function($a, $b) {
if($a['order']==$b['order']) return 0;
return $a['order'] < $b['order']?1:-1;

});

Best Answer

It looks like it works on the newest Magento 2.2.4

Sort order can be applied manually in the backend.

Edit attribute => Properties=> Sort using drag & drop

Easy way.

Related Solutions

Magento – Magento layered navigation attribute option sort by name not position

Sorting can be done at the template level, but my preference would be to handle this in the block level.

To get to the right place, start at the template, like here:

File: app/design/frontend/base/default/template/catalog/layer/filter.phtml

<?php foreach ($this->getItems() as $_item): ?>

The call chain looks like this:

1. (36): app/design/frontend/base/default/template/catalog/layer/filter.phtml
2. (122): Mage_Catalog_Model_Layer_Filter_Abstract->getItems()
3. (120): Mage_Catalog_Model_Layer_Filter_Abstract->_initItems()

So from the template we end up in Mage_Catalog_Model_Layer_Filter_Abstract::_initItems:

protected function _initItems()
{
    $data = $this->_getItemsData();
    $items=array();
    foreach ($data as $itemData) {
        $items[] = $this->_createItem(
            $itemData['label'],
            $itemData['value'],
            $itemData['count']
        );
    }
    $this->_items = $items;
    return $this;
}

We can see how they are generated, using method $this->_createItem. This is the perfect point to inject our override. But on an abstract class, we can't quite get to it without a core/local pool replacement (not ideal).

Suggested Solution

Create a block rewrite on catalog/block_layer_filter_attribute
Implement overriding method getItems on your rewrite class
Implement sorting in your rewrite class on items

So my class might look like this:

class Namespace_Module_Block_Catalog_Layer_Filter_Attribute
    extends Mage_Catalog_Block_Layer_Filter_Attribute
{

    protected function _sortItems(
        Mage_Catalog_Model_Layer_Filter_Item $a,
        Mage_Catalog_Model_Layer_Filter_Item $b
    ) {
        return strnatcmp($a->getLabel(), $b->getLabel());
    }

    public function getItems()
    {
        $result = parent::getItems();

        usort($result, array($this, '_sortItems'));

        return $result;
    }

}

I should note that this only applies to the generic attribute filter. Magento implements custom filters also for price, decimal, and category types. If you need to sort options on those, too, then create additional block rewrites to sort in a similar way.

Related Topic