Существует множество расширений, которые дадут вам эту функциональность (поиск «расширенная многоуровневая навигация»). Я перепробовал все перечисленные ниже расширения, но мое любимое - от Ecommerce Team - мне нравится его минималистичный характер, он не пытается делать слишком много, но очень мощный и хорошо работает из коробки. Он также имеет поддержку образцов цвета, как вы описали.
Некоторые другие в произвольном порядке:
- http://amasty.com/improved-navigation.html
- http://www.aitoc.com/en/magentomods_layered_navigation_pro.html
- http://www.manadev.com/seo-layered-navigation-plus
- http://www.gomage.com/extensions/gomage-advanced-navigation.html
Помните, что это может привести к конфликтам с другими сторонними модулями.
Если вы в основном хотите сделать это с образцами цветов, я предлагаю вам проверить это расширение от Чеда Моргана.
Вот статья Inchoo о сохранении неиспользуемых фильтров видимыми.
Если вы хотите написать это самостоятельно, я думаю, что ответ на ваш вопрос может быть слишком длинным для этого форума. У меня нет ссылки на сообщение в блоге / учебное пособие, где объясняется, как это сделать, но я предлагаю начать с расширения многоуровневых блоков навигации.