Тема: Мобильная версия, отключение
Как можно отключить мобильную версию в теме "Воздушная"?
Re: Мобильная версия, отключение
Да. Нужно убрать CSS который отвечает за реакцию при уменьшении экрана. В файле layout.tpl в этой теме оформления(perfume) есть строки:
{addcss file="720.css?v={$css_version}"}
{addcss file="mobile.css?v={$css_version}"}Попробуйте их убрать я думаю, всё получится.
Только не забудьте эту тему оформления отклонировать, если у Вас это не сделано, ато при обновлении файл перезатрётся.
3 21.10.2016 21:52:13 Отредактировано Владимир 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:23:45 Отредактировано Закусило Александр (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: Мобильная версия, отключение
И да. Еще по поводу мобильных версий.
Разрешение экрана в пикселях
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="тепло.ру"/>видимо, нужно то же самое сделать везде, где есть картинки. 
Собственно это одна из причин желания отключить мобильную версию. Хоть и не основная.
+1
18 01.11.2016 16:31:19 Отредактировано Закусило Александр (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="тепло.ру"/>видимо, нужно то же самое сделать везде, где есть картинки.
Собственно это одна из причин желания отключить мобильную версию. Хоть и не основная.
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 пишет:
Проинспектируйте с помощью firebug верстку. Там сразу будет видно откуда "ноги растут". У вас подключено и mobile.css и 720.css
Посмотрите даже исходный код страницы.
Re: Мобильная версия, отключение
Закусило Александр пишет:
Владимир 1916 пишет:Проинспектируйте с помощью 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: Мобильная версия, отключение
онлайн-css-учебник Welookups https://www.welookups.com/css/default.html
