Резиновый макет для категории и списка товаров - [VM2&3] Дизайн, оформление

Возник вопрос про возможность автоматического переноса и перерасчёта количества товаров в строке при уменьшении размера экрана. К примеру, в настройках поставил показывать 3 товара в ряду. Это хорошо смотрится когда экран от 1200, но очень плохо смотрится когда экран 600px. Все 3 товара ужимаются по ширине и увеличиваются по высоте - смотрится ужасно, так как многие кнопки начинаю друг на друга наезжать. Цель сделать автоматический перенос товаров с небольшим изменением их отображений при открытии магазина на любом виде экрана. Кто нибудь сталкивался с таким вопросом? Есть ли какое либо решение?
Буду премного благодарен если кто что нибудь подскажет...

Это все можно решить адаптивной версткой. А ежели в тягость, то и поискать что-то можно,
опять же верстка 

Мне кажется какая бы вёрстка адаптивная не была без правки вывода количества товаров в php этот вопрос не решить. Не важно что будет в CSS, как выводилось 3 в ряд, так и будет выводится. Разве не так?
Я использую резиновый шаблон, он всё компонует под размер экрана. Всё кроме вывода vm.
Неужели никто не сталкивался с этим вопросом?

Верстка это не только CSS но и php, HTML естественно.

Я использую резиновый шаблон, он всё компонует под размер экрана

А вот внутри, не важно vm или другой контент верстать нужно уже самостоятельно.

Мне кажется какая бы вёрстка адаптивная не была без правки вывода количества товаров в php этот вопрос не решить. Не важно что будет в CSS, как выводилось 3 в ряд, так и будет выводится. Разве не так?
Я использую резиновый шаблон, он всё компонует под размер экрана. Всё кроме вывода vm.
Неужели никто не сталкивался с этим вопросом?

Сталкивался. Делал на jQuery ресайз главной, категории, карточки для VM1.1. Универсального кода нет, т.к. он зависит от ваших верстки и дизайна, а также от того, размер блоков товаров не меняется, только их количество в строке меняется, или и их размер также должен изменяться.
Если в общих чертах, примерно так.
Делаете свой макет категории, в котором вывод товаров в строке не фиксированный, потоком, + float:left; .
Чтобы между блоками в строке было равное расстрояние, вспоминаем математику, рассчитываем margin или padding (в зависимости от верстки и дизайна).

Обошёлся простым костылём.
С учётом того, что шаблон у меня был и так резиновый, VirtueMart только не хотел резиновится ))) решил вопрос по простому, зато практически без правки php (спасибо за намёк fsv)
Итак, если кому надо - решение для последней версии на данный момент (2.0.26d). Править надо default.php находящийся по умолчанию в \components\com_virtuemart\views\category, если у вас собственный макет или не хотите править оригинал, копируйте его в ваш шаблон \your_template\html\com_virtuemart\category\.
Находим и меняем его на код . Прописываем этот класс в CSS от VM (значения ваши). Прописываем желательно под под необходимое вам разрешение экрана с расчётом и изменением размеров блока.

К примеру для разрешения области под заполнение 500 px и желаемого отображения 2 элементов div класс в CSS изменится на , а для разрешения области под заполнение 400 px и желаемого отображения 1 элемента div класс в CSS изменится на .
Код можно дополнять и изменять, я привёл просто как пример данный вид кода.