Сделаю вторую попытку, если промахнусь, то надо точно узнавать файл модуля, который отвечает за отображение этого блока.
Возможно, этот модуль использует свою разметку, не используя common.js
НЕ знаю, как он называется в данном шаблоне, по аналогии с другими допускаю такое:
Гляньте в папке с модулями файл типа:
\catalog\view\theme\unishop\template\extension\module\categorywall.tpl
\catalog\view\theme\unishop\template\extension\module\imgcategory.tpl
если там нет, ищите в другой папке
\catalog\view\theme\default\template\extension\module\categorywall.tpl
\catalog\view\theme\default\template\extension\module\imgcategory.tpl
Вас должен интересовать кусок кода типа:
Возможно у вас эта часть страницы выводится с их помощью.
Я думаю, вы поняли суть изменений, что делались выше. Если нет, то поясню
Блок, в котором находятся эти элементы делится на 12 условных колонок равной ширины ( это называется сетка Bootstrap). Ширина может задаваться для четырех разных размеров экрана.
цифра обозначает ширину вложенного блока в этих колонках col-lg-4 Значит, что ширина 4 колонки из 12, 4/12= 1/3 то есть одна треть от всей ширины родительского блока. Если вам надо 1/4, то и ширину блока надо задать в 3 колонки 1/4=3/12 получаем col-lg-3
lg(large)- для больших экранов, xs - для самых маленьких ( телефоны), как видите так xs-12 то есть 12/12= 100% ширины= 1 блок в ряду
Иногда лучше смотрится по 2 в ряд, тогда это будет xs-6 ( 6/12=1/2=50%)