OC v3.х Плавающие колонки в опенкарт

[labirint]

Подскажите пожалуйста, можно ли сделать плавающие колонки в ос3 в зависимости от длины? К примеру, есть 2 колонки, если левая длиннее, прокручивается центральная, но если центральная длиннее, плавает левая? Подозреваю что за евро можно сделать всё) Но всё же, может кто на шаблоне UniShop2 кто-то сталкивался с таким?

 

[labirint]

Сразу скажу, это не универсальное решение, а только то, что я делаю на своём сайте. Но может когда-то кому пригодится.
Итак, поскольку желающих помочь не нашлось, методом проб и ошибок буду делать сам. Сразу скажу, что у меня на сайте плавающее меню установленное в настройках шаблона и установлен ocfilter в левой колонке
В catalog\view\theme\unishop2\stylesheet\stylesheet.css

*[class*='col-']{padding:0 10px}

меняем на

*[class*='col-']{padding:0 10px;position: sticky}

и

.col-xxl-4{width:20%}

меняем на

.col-xxl-4{width:20%;top: 60px;}

а также

.col-xxl-16{width:80%}

меняем на

.col-xxl-16{width:80%;top: 60px;}

В catalog\view\theme\unishop2\stylesheet\bootstrap.min.css

.col-md-9{width:75%}

меняем на

.col-md-9{width:75%;top:60px;}

в catalog\view\theme\default\stylesheet\ocfilter\desktop.css

#column-left-grid,
#column-right-grid,
#column-left,
#column-right {
  z-index: 6
}

меняем на

#column-left-grid,
#column-right-grid,
#column-left,
#column-right {
  z-index: 6; top: 60px;
}

а также в catalog\view\theme\unishop2\stylesheet\flymenu.css

.fly-menu__menu{flex:0 0 auto}

на

.fly-menu__menu{flex:0 0 auto;top: 5px;}

На страницах поиска, акций и производителей должна быть левая колонка, ОБЯЗАТЕЛЬНО, иначе товары будут "наежать" друг на друга.

Вроде как всё работает, но на 100% не уверен. Буду благодарен, если найдутся желающие сделать по умному, а не так как я

 

[Astronaut]

Одно непонятно, зачем в bootstrap.min.css лезть ?

 

[labirint]

Жопой чувствую, это не единственный косяк

 

[CAPAXA]

Обычно такие вещи проще всего делать через JQuery

 

[Astronaut]

можно же и в stylesheet все добавить и бутстрап не трогать
а потом , класс col-md-9 и в других же местах используется наверняка
не проще прям в нужном шаблоне у нужного элемента прописать высоту и все

 

[labirint]

Благодарен Вам за участие. Я хочу разобраться сам (с помощью, т.к. уровень 0+1), но для тех, кому нужно всё сделать срочно и сейчас, парни CAPAXA и Astronaut уверен сделают как нужно