Існує багато розширень, які нададуть вам цю функціональність (пошук "розширеної багатошарової навігації"). Я спробував усі перелічені нижче розширення, але моїм улюбленим є Команда електронної комерції - мені це подобається за його мінімалістичний характер, він не намагається робити занадто багато, але дуже потужний і працює непогано. Він також має підтримку кольорових зразків, як ви описали.
Деякі інші в не певному порядку:
- http://amasty.com/improved-navigation.html
- http://www.aitoc.com/uk/magentomods_layered_navigation_pro.html
- http://www.manadev.com/seo-layered-navigation-plus
- http://www.gomage.com/extensions/gomage-advanced-navigation.html
Пам’ятайте, що це може спричинити конфлікти з іншими модулями сторонніх розробників.
Якщо ви в основному хочете зробити це за допомогою кольорових зразків, я пропоную вам ознайомитись з цим розширенням від Чада Моргана.
Ось стаття Inchoo про збереження видимих невикористаних фільтрів.
Якщо ви хочете кодувати це самостійно, я думаю, що відповідь на ваше запитання може бути занадто довгим для цього форуму. У мене немає посилання на допис у блозі / навчальний посібник, який навчає вас, як це зробити, але я пропоную почати з розширення багатошарових навігаційних блоків.