[Решено] Изчезают боковые колонки, при уменьшении размера окна.

[Heavenanvil]

Здравствуйте.

Установлена чистая OpenCart версии 2.0.3.1.

Шаблон стандартный.

 

При уменьшении ширина размера окна менее 768px, а также просмотре с мобильных устройств, боковые колонки пропадают.

 

Вопрос, как это отключить? Или что с этим можно сделать?

 

Проблема в том, что я добавляю стандартный модуль "Категории" в боковую колонку, а вверху (navbar) у меня будет другая информация (не категории). Когда размер окна уменьшается, либо при просмотре с мобильных устройств, боковые колонки исчезают и соответственно переход по категориям невозможен.

 

Пробовал играться @media из стилей и убирать:

<meta name="viewport" content="width=device-width, initial-scale=1">

и

<script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>

[Heavenanvil]

В принципе, разобрался...

Для тех, кому интересно, в файле:

мой_сайт/catalog/view/javascript/bootstrap/css/bootstrap.min.css

заменил все значения "max-width:767px" на "max-width:10px".

[zil130]

На всякий случай есть решение проще:

1. идем .../catalog/view/theme/default/template/common/

2. находим column_left.tpl, сохраняем себе на компьютер

3. открываем с помощью блокнота

4. находим строчку <aside id="column-left" class="col-sm-3 hidden-xs">

5. удаляем - hidden-xs

6. получаем строчку вида - <aside id="column-left" class="col-sm-3">

7. сохраняем изменения

8. делаем замену column_left.tpl на измененный фаил

9. проверяем и радуемся))))

 

Плюс данного метода не рушит шаблон (по крайней мере стандартный)

[zil130]

В принципе, разобрался...

Для тех, кому интересно, в файле:

мой_сайт/catalog/view/javascript/bootstrap/css/bootstrap.min.css

заменил все значения "max-width:767px" на "max-width:10px".

В bootstrap вообще желательно не лазить без особых на то причин, так как это подключаемая библиотека, она же в прошлом twitter bootstrap.

[Denger909]

А что делать, если ни один из указанных выше способов не сработал?)
Шаблон Unishop 2.2.0.4

[ReManager]

Denger909, судя по демо http://unishop.101templates.ru/desktops/ , там всё аналогично -  hiddex-xs стоит у левой колонки... Кстати.. А ещё надо почтить кэш модификаторов))) Ну либо я криворукий, что у меня моды на кэш шаблона влияют))

 

zil130, там нет ничего сложного.. просто нужно понять логику верстки своего шаблона и всё...

[jaffagold]

Цитата

А что делать, если ни один из указанных выше способов не сработал?)

Что вы пытаетесь сделать?

От этого зависит решение. И желательная ссылка на сайт

[ReManager]

prob, о чудесный человек! Решение, которое я искал всю жизнь! А сделаете мне БЕСПЛАТНО на моем сайте? Я в верстке не шарю совсем.

[jaffagold]

для тех кто не в теме.

Не все так просто

В данном шаблоне есть еще один волшебный стиль, который сходу не виден. Вот он:

@media (max-width: 767px)

#column-left > * {

display: none;

}

[ReManager]

jaffagold, ну значит ещё и это закомментировать.. Но ТС наверно не понимает, что произойдет с шаблоном, если всё это убрать))) И потом начнется: "Я что-то сделал и всё сломалося, ПОМОГИТЕ!"

[ReManager]

prob, да, я вообще в этом 0   Я настолько туп, что даже читать первое сообщение не умею, в отличии от Вас. И я вообще не представляю, как будет выглядеть левая/правая колонка на смартфонах/планшетах, если убрать класс hidde-xs у неё, плюс закомментировать(/* прикинь да, так можно закомментировать в css файле */)/удалить некоторые стили левой колонки в шаблоне ТС..

 

Научите меня ДОБАВЛЯТЬ функционал, чтобы работала левая колонка на планшетах и смартфонах, не залезая в код, не добавляя модификаторов)) 

[ReManager]

prob, Вы раскрыли меня  .. Ухожу молча в заказ..