Совсем недавно столкнулся с довольно таки необычной задачкой — заказчик просил сделать фильтр в магазине по продаже строительных материалов в виде ромбиков с цветами плитки. Этот модуль должен выводиться только в категории Керамогранит и уметь фильтровать товары по размеру, цвету. производителям и упаковке. Как известно в вебе все блоки верстаются либо квадратами, либо прямоугольниками, но никак не ромбами. Вот тут и появилась заковырка..Стал искать решения в интернете, как всегда гугл мне помог) На одном прекрасном сайте автор выложил решение, как с помощью квадратов сделать меню в виде ромбиков. Взяв эту идею за основу я немного поколдовал покодил и получил то что и требовалось. Выбранный ромбик всегда подсвечивается. Модуль писался для aceshop и совершенно индивидуально, поэтому выкладывать его я не буду. Единственный минус этого решения — не работает в старых браузерах (ie ниже 9-ой версии), точнее работает, но фильтр по цвету уже не в виде ромбиков выводится, а в виде квадратов, так как css3 не поддерживается этими браузерами.

Это чисто заказной вариант и те, кому нужен будет подобный модуль, могут связаться со мной по данному вопросу. Модуль выглядит примерно так —

А тут на момент написания статьи живое демо