Перейти к содержанию
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>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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. проверяем и радуемся))))

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Цитата

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
В 15.04.2016 в 19:40, zil130 сказал:

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

для не сведующих о решениях смотрим сюда и активируем скрытие/отображение кнопки вызова меню простым медазапросом ( отображать при малых разрешениях, скрывать на десктопе)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

@media (max-width: 767px)

#column-left > * {

display: none;

}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
18 минут назад, ReManager сказал:

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

Я так понимаю,  Вы далеки от сайтостроения, если пытаетесь комментировать то,  что не стыкуется в вашем понимании

Комментировать ни чего не требуется,  а добавить функционал не возбраняется

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
36 минут назад, ReManager сказал:

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

Увы, как бы Вы не надеялись, форумный тролль из Вас никакой, как и специалист )))) 

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От vier
      Скачать/Купить дополнение


      Модификатор для sidebar
      Модификатор для боковых панелей сайта (левого или правого сайдбара).
       
      Если модуль пуст, то по стандарту в версии OpenCart 2.1.х модуль все равно "занимает место" в шаблоне.
      Данный модификатор устраняет этот недостаток.
       
      P.S.
      Когда стал тестировать для разных версий, то заметил, что на версии 2.3.х уже устранен этот недостаток. Правда, немного лишнего кода. Он и не критичный, но все же.
      Добавил vier Добавлено 17.01.2017 Категория Модули Системные требования стандартные Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.1
      2.0 ocStore 2.1 OpenCart.Pro, ocShop Opencart.pro 2.1
      OcShop 2.0.3.х  
    • От DenKP
      Добрый день! Версия 2.3.0.2
      Столкнулся с проблемой что при добавлении в схеме главной страницы баннера в левой колонки не отображается. Не отображается любой модуль, в контроллере исправлений не делал, до этого там было фиксированное меню категорий я его убрал и осталось пустое место. А уже в любой другой схеме левая колонка заполняется. 
    • От YevheniiKoval
      Всем привет, подскажите как называются блоки-колонки, видел на разных сайтах с блоками "Премиум" "Эконом" " бизнесс" и так далее, скажем так, как пакеты-услуг предлагают. 
      Как это называется и есть модуль такой? 
      Если да как называется? 
      Если кто-то уже поднимал подобную тему, дайте ссылку. 
      За ранее спасибо. 
    • От WinnerK
      Добрый день!
       
      Нужна помощь по настройке электронной коммерции в Google Analytics и небольшие работы по ТЗ. (подробно во вложении).
      Сайт: http://vsefonariki.com/
       
      Google Analytics:
      Настроить улучшенную атрибуцию ссылок.
      Настроить электронную торговлю.
      Настроить цели.
      Админка: статусы товаров на складе.
      Адаптация страницы для мобайла, сохранив компактный дизайн для десктопа.
      Настройка модуля Microdata Pro (не работает).
      Устранение ошибки при удалении товара из корзины.
      Редактирование Pop-up окна «Нашли дешевле» в карточке товара.
       
      Можно реализовать отдельные пункты.
       
      Пишите в личку или на Skipe: demidovk
      ТЗ 171114.docx
    • От vier
      Модификатор для боковых панелей сайта (левого или правого сайдбара).
       
      Если модуль пуст, то по стандарту в версии OpenCart 2.1.х модуль все равно "занимает место" в шаблоне.
      Данный модификатор устраняет этот недостаток.
       
      P.S.
      Когда стал тестировать для разных версий, то заметил, что на версии 2.3.х уже устранен этот недостаток. Правда, немного лишнего кода. Он и не критичный, но все же.
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.