Отключение адаптивности в шаблонах Bootstrap
На мобильных устройствах сайт выглядит не так как на компьютере. Выводится мобильная версия. Требуется отключить вывод мобильной версии,чтобы на мобильных устройствах сайт выводился также как на компьютере.
Адаптивность
Шаблоны на основе фреймворка Bootstrap имеют встроенную адаптивность под различные разрешения экранов. У шаблона есть 3 формы внешнего вида: для мобильных телефонов, для планшетов и для обычных мониторов. Для разных разрешений экранов блокируется или наоборот добавляется вывод тех или иных элементов, адаптированных под определенный размер экрана для удобного просмотра сайта.
Все мобильные версии снабжены дополнительной навигационной панелью внизу сайта с возможностью переключится в полноэкранный режим и обратно.

Отключение адаптивности
Автоматическое отключение режима адаптивности можно через добавление CSS файл. Следует в шаблоны phpshop/templates/boostrap/main/index.tpl
и phpshop/templates/boostrap/main/shop.tpl
вставить перед закрытием тега </head> код:
<link href="@php echo $GLOBALS['SysValue']['dir']['templates'].chr(47).$_SESSION['skin']; php@css/non-responsive.css" rel="stylesheet">Если используется измененная цветовая гамма, то необходимо зафиксировать ее в файле phpshop/templates/boostrap/css/non-responsive.css 1 строка
@import "bootstrap.css";
заменить на нужную, например красную @import "bootstrap-theme-flatly.css";
- Детали статьи
- Категория: Изменение дизайна и шаблонизация
- Дата добавлена: 2015-10-23 17:08:28
- Обзор: 1776
-
Рейтинг (Голоса):
(17)