Heavenanvil

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

Рекомендуемые сообщения

Heavenanvil    2

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

Установлена чистая 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    2

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

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

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

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

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


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

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

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    1

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

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

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

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

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

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


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

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

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


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

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

 

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

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


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

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

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

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

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


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

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

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

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


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

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

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


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

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

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

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

@media (max-width: 767px)

#column-left > * {

display: none;

}

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


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

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

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


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

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

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

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

 

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


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

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

 

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

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


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

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

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

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


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

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

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


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

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

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

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

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

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

Войти

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

Войти


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

    • От WinnerK
      Добрый день!
       
      Нужна помощь по настройке электронной коммерции в Google Analytics и небольшие работы по ТЗ. (подробно во вложении).
      Сайт: http://vsefonariki.com/
       
      Google Analytics:
      Настроить улучшенную атрибуцию ссылок.
      Настроить электронную торговлю.
      Настроить цели.
      Админка: статусы товаров на складе.
      Адаптация страницы для мобайла, сохранив компактный дизайн для десктопа.
      Настройка модуля Microdata Pro (не работает).
      Устранение ошибки при удалении товара из корзины.
      Редактирование Pop-up окна «Нашли дешевле» в карточке товара.
       
      Можно реализовать отдельные пункты.
       
      Пишите в личку или на Skipe: demidovk
      ТЗ 171114.docx
    • От vier


      Просмотреть файл Модификатор для sidebar
      Модификатор для боковых панелей сайта (левого или правого сайдбара).
       
      Если модуль пуст, то по стандарту в версии OpenCart 2.1.х модуль все равно "занимает место" в шаблоне.
      Данный модификатор устраняет этот недостаток.
       
      P.S.
      Когда стал тестировать для разных версий, то заметил, что на версии 2.3.х уже устранен этот недостаток. Правда, немного лишнего кода. Он и не критичный, но все же.
      Автор vier Добавлен 17.01.2017 Категория Модули Системные требования Сайт разработчика Старая цена Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop  
    • От vier
      Модификатор для боковых панелей сайта (левого или правого сайдбара).
       
      Если модуль пуст, то по стандарту в версии OpenCart 2.1.х модуль все равно "занимает место" в шаблоне.
      Данный модификатор устраняет этот недостаток.
       
      P.S.
      Когда стал тестировать для разных версий, то заметил, что на версии 2.3.х уже устранен этот недостаток. Правда, немного лишнего кода. Он и не критичный, но все же.
    • От YMakarin
      Здравствуйте, интересуют услуги по доработке существующего сайта christmas-spb.ru 

      А именно: 
      - обновить CMS (или полностью перенести на другую). 
      - внести небольшие правки, корректировки. 
      - добавить разные регионы и оптимизировать по ним. 
      - поменять форму оформления заказа, упростить оформление (в стандартной форме заказа очень много шагов), разделить физ/юр.лица, добавить быстрый заказ 
      - адаптивность, корректная мобильная версия 

      Подробнее в файле. 
      Интересует срок/стоимость.
      Raboty_po_saytu от 1402.docx
    • От ArtemPitov
      Доброго времени суток господа!
       
      Вот тут мне в голову пришла идее - долой адаптивный дизайн "аля адаптивная сетка", да здравствует мобильная версия! Что скажете ?
       
      Есть два пути реализации, первый (мне не очень) - чекаем девайс и редиректим на моб версию , второй - оптимальный, так званый RESS, ​суть его заключается в подмене и загрузки контента исходя от девайса
       
      Пример стырян из хабра, не относится к ОП
      $DS = DIRECTORY_SEPARATOR; require_once( dirname(__FILE__) . $DS . 'libraries' . $DS . 'browser.php'); $device = BBrowser::detectDevice(); if($device == DEVICE_TYPE_MPHONE){ $tmpl = 'template.m.php'; } else if($device == DEVICE_TYPE_TABLET){ $tmpl = 'template.t.php';} else{ $tmpl = 'template.php'; } include( dirname(__FILE__) . $DS . 'templates' . $DS . $tmpl); Суть довольно проста, для моб устройств отдаем только самое нужное, если заморочить можно даже сделать подмену темы на более легкую и будет суперадапитвная ракета.
       
      Что скажете, как такой вариант, кто за, то против ?
       
  • Последние посетители   0 пользователей онлайн

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