Тема: Мобильная версия, отключение

Как можно отключить мобильную версию в теме "Воздушная"?

Повысить оценку Понизить оценку

Re: Мобильная версия, отключение

Да. Нужно убрать CSS который отвечает за реакцию при уменьшении экрана. В файле layout.tpl в этой теме оформления(perfume) есть строки:

{addcss file="720.css?v={$css_version}"}
{addcss file="mobile.css?v={$css_version}"}

Попробуйте их убрать я думаю, всё получится.

Только не забудьте эту тему оформления отклонировать, если у Вас это не сделано, ато при обновлении файл перезатрётся.

3 Отредактировано Владимир 1916 (21.10.2016 21:52:49)

Re: Мобильная версия, отключение

А как сделать "флаг" переключения мобильная/полная версия, чтобы пользователь сам мог выбрать какую ему удобней смотреть?

Например, контакты, новости, статьи удобней на мобильной версии смотреть, а фильтрами подбирать - на полной.
Кроме того, некоторые планшеты определяются как мобильный, а размер экрана этого планшета вполне позволяет смотреть полную версию, которая намного удобней.

Повысить оценку Понизить оценку

Re: Мобильная версия, отключение

Отображение информации построено на технологии @media query.
Это значит, что Ваш браузер выдаёт какая ширина у Вас экрана и проверяет как для этой ширины экрана в пикселях отображать сайт. А не от того мобильный он или нет.
Вы можете в браузере сжать свой экран на компьютере и увидите, что будет происходить.
Вы можете перелопатить CSS файлы и убрать правила сжатия для каталога. Или поставить их на другую ширину.
Либо можно придумать как вы готоворите переключатель. Ставить галочку в сессии и в файле layout.tpl проверять установлен ли флаг в сессии, и если да то тогда файлы сжатия не подключать. Но ведь тут ещё играет роль и размер экрана. Ведь вы откроете в этом случае с телефона и там будет не вмещаться контент и надо искать Вашу галочку. Поэтому я смутно представляю реализацию.

Re: Мобильная версия, отключение

Имеет значение только ширина в пикселях? Или в дюймах тоже?

Ну, а как же на других сайтах? На том же Яндексе, например. Никаких проблем найти, где "переключать".

Повысить оценку Понизить оценку

Re: Мобильная версия, отключение

Имеет значение только ширина в пикселях? Или в дюймах тоже?

В пикселях. Дюймы не играют значение. Играет значение разрешение экрана, а не его размер. У Вас допустим экран 27дюймов. Но ничего не мешает Вам сделать разрешение 800 на 600 пикселей. Что делать в этом случае?

Ну, а как же на других сайтах?

В адаптивном дизайне 95% сайтов делают также. У Яндекса тоже нет ничего в дюймах. Вы можете переписать всё на дюймы. http://dnzl.ru/view_post.php?id=268

Re: Мобильная версия, отключение

Закусило Александр пишет:

Имеет значение только ширина в пикселях? Или в дюймах тоже?

В пикселях. Дюймы не играют значение. Играет значение разрешение экрана, а не его размер. У Вас допустим экран 27дюймов. Но ничего не мешает Вам сделать разрешение 800 на 600 пикселей. Что делать в этом случае?

Ну, а как же на других сайтах?

В адаптивном дизайне 95% сайтов делают также. У Яндекса тоже нет ничего в дюймах. Вы можете переписать всё на дюймы. http://dnzl.ru/view_post.php?id=268

Хм. Тогда не понимаю. У меня у смартфона Meizu m3 note разрешение экрана 1920x1080 пикс, а показывает мобильную (одноколоночную) версию, даже если горизонтально его держать. И для Яндекса этот телефон тоже показывает мобильную версию.
Или у меня какие-то неправильные пиксели?
Тема Perfume.

Повысить оценку Понизить оценку

Re: Мобильная версия, отключение

http://htmlbook.ru/css/value/media

Все запросы начинаются с правила @media, после чего следует условие, в котором используются типы носителей, логические операторы и медиа-функции. Типы носителей перечислены в табл. 1.

handheld     Смартфоны и аналогичные им аппараты.

т.е. зависит не только от ширины экрана в пикселях, но и от типа устройства.

Повысить оценку Понизить оценку

9 Отредактировано Закусило Александр (24.10.2016 20:26:16)

Re: Мобильная версия, отключение

Хм. Тогда не понимаю. У меня у смартфона Meizu m3 note разрешение экрана 1920x1080 пикс, а показывает мобильную (одноколоночную) версию, даже если горизонтально его держать. И для Яндекса этот телефон тоже показывает мобильную версию.
Или у меня какие-то неправильные пиксели?
Тема Perfume.

Зайдите с телефоне на ссылку ниже. Он Вам покажет, что сообщает браузеру.
http://myresolutionis.ru/

т.е. зависит не только от ширины экрана в пикселях, но и от типа устройства.

Да. Правда я ещё не пробовал конструкции относящиеся к типу устройства, если честно.
https://webref.ru/css/media

Re: Мобильная версия, отключение

Закусило Александр пишет:

Зайдите с телефоне на ссылку ниже. Он Вам покажет, что сообщает браузеру.
http://myresolutionis.ru/

Разрешение экрана в пикселях
1080*1920

Разрешение экрана браузера в пикселях
360*559

......

Device Pixel Ratio: 3.000

Повысить оценку Понизить оценку

Re: Мобильная версия, отключение

Ну вот значит браузеру сообщается 360*559. Он соответственно под него и выдаёт стилизованный HTML. Я думаю проще Вам в сессию записывать флажок.

Re: Мобильная версия, отключение

Закусило Александр пишет:

Да. Нужно убрать CSS который отвечает за реакцию при уменьшении экрана. В файле layout.tpl в этой теме оформления(perfume) есть строки:

{addcss file="720.css?v={$css_version}"}
{addcss file="mobile.css?v={$css_version}"}

Попробуйте их убрать я думаю, всё получится.

Только не забудьте эту тему оформления отклонировать, если у Вас это не сделано, ато при обновлении файл перезатрётся.

Пробовал отключить мобильную версию указанным способом - нужного эффекта нет, верстка поплыла.

Повысить оценку Понизить оценку

Re: Мобильная версия, отключение

Именно эти файлы отвечают за мобильную версию. Возможно нужно дописать пару строк конструкции. Приведите ссылку на сайт. Что у Вас поплыло как Вы говорите?

Re: Мобильная версия, отключение

отправил на почту, тут скриншот у меня не вставляется что-то

Повысить оценку Понизить оценку

Re: Мобильная версия, отключение

Дайте просто ссылку на сайт

Re: Мобильная версия, отключение

teplo.ru

Повысить оценку Понизить оценку

Re: Мобильная версия, отключение

И да. Еще по поводу мобильных версий.

Разрешение экрана в пикселях
1080*1920

Разрешение экрана браузера в пикселях
360*559

......

Device Pixel Ratio: 3.000

Это именуется Retina. https://habrahabr.ru/post/139682/

И мобильная версия темы Perfume под это не адаптирована. При просмотре с моего смартфона (и я думаю, что со всех где Retina) картинки расплываются и выглядят отвратительно.
Для логотипа специально загрузил картинку в три раза большего размера (714*216) и в шаблоне вручную прописал.

<img src="/storage/system/original/logo.png" width="238" height="72" alt="тепло.ру"/>

видимо, нужно то же самое сделать везде, где есть картинки. sad

Собственно это одна из причин желания отключить мобильную версию. Хоть и не основная.

Повысить оценку +1 Понизить оценку

18 Отредактировано Закусило Александр (01.11.2016 16:47:18)

Re: Мобильная версия, отключение

Владимир 1916 пишет:

И да. Еще по поводу мобильных версий.

Разрешение экрана в пикселях
1080*1920

Разрешение экрана браузера в пикселях
360*559

......

Device Pixel Ratio: 3.000

Это именуется Retina. https://habrahabr.ru/post/139682/

И мобильная версия темы Perfume под это не адаптирована. При просмотре с моего смартфона (и я думаю, что со всех где Retina) картинки расплываются и выглядят отвратительно.
Для логотипа специально загрузил картинку в три раза большего размера (714*216) и в шаблоне вручную прописал.

<img src="/storage/system/original/logo.png" width="238" height="72" alt="тепло.ру"/>

видимо, нужно то же самое сделать везде, где есть картинки. sad

Собственно это одна из причин желания отключить мобильную версию. Хоть и не основная.

http://forum.readyscript.ru/topic/742/i … oi-versii/
http://fstrange.ru/coder/about_all/reti … ation.html
https://habrahabr.ru/post/150071/

Re: Мобильная версия, отключение

Владимир 1916 пишет:

teplo.ru

Проинспектируйте с помощью firebug верстку. Там сразу будет видно откуда "ноги растут". У вас подключено и mobile.css и 720.css
Посмотрите даже исходный код страницы.

Re: Мобильная версия, отключение

Закусило Александр пишет:
Владимир 1916 пишет:

teplo.ru

Проинспектируйте с помощью firebug верстку. Там сразу будет видно откуда "ноги растут". У вас подключено и mobile.css и 720.css
Посмотрите даже исходный код страницы.

Это рабочий сайт, с него заказы идут, я не могу оставить на нем "кривую верстку", поэтому в данный момент они подключены.

Повысить оценку Понизить оценку

Re: Мобильная версия, отключение

{*addcss file="720.css?v={$css_version}"}
{addcss file="mobile.css?v={$css_version}"*}

В файле 960.css уберите обёртку

@media screen and (min-width: 980px) {

и снизу не забудьте:

}

Re: Мобильная версия, отключение

спасибо, работает

Повысить оценку Понизить оценку

23

Re: Мобильная версия, отключение

онлайн-css-учебник Welookups https://www.welookups.com/css/default.html

Повысить оценку Понизить оценку