Переход между версиями сайта для различных устройств 2.X

3156
Здравствуйте!
Предлагаемая услуга поможет решить некоторые проблемы при создании различных версий вашего сайта (для компьютеров, планшетов и телефонов).
Переход между версиями сайта для различных устройств


Надеюсь, вы уже познакомились с функционалом версий системы 2.5-х. Одна из новинок - возможность выводить разные шаблоны для различных устройств. На мой взгляд, очень хорошее дело: даёт возможность простой настройкой одного и того же шаблона манипулировать выводом информации. Естественно, всё можно решить и внутри одного шаблона (самой простой пример: вывод разных пресетов изображений). Возможно, это оптимальный вариант при текущем положении дел с мобильными устройствами. На мой взгляд, он более затратен как по времени так и финансово.

Если вы решите идти путём разных версий, то неминуемо встретитесь с двумя очевидными проблемами:
1. неправильное определение устройства; чаще всего - это не распознанные планшеты, которым будет отдан вариант для телефонов
2. невозможностью пользователем самостоятельно изменить вариант просмотра сайта

Что предлагается?
Предлагается услуга по доработке вашего шаблона для решения вышеуказанных проблем.
На выходе вы получите возможность убедиться что отдаёте пользователю нужную версию и предоставите ему возможность в любой момент изменить вариант просмотра.

Как будет выглядеть результат?
В настройках шаблона появятся опции:
Переход между версиями сайта для различных устройств
Если вы активируете опцию "Выводить всплывающее окно для подверждения определения устройства", при первом входе на сайт будет выведено вот такое окошко:
Переход между версиями сайта для различных устройств

Если будет разрешено переключение между форматами, на сайте появится кнопоча:
Переход между версиями сайта для различных устройств

при клике на которую пользователь увидит:
Переход между версиями сайта для различных устройств

Для каждой версии обе опции могут быть настроены различно.

Пример работы можно посмотреть здесь (с позволения автора, препарировался шаблон tseso).
На демке обе опции активированы на всех версиях.

Если посчитаете нужным иметь такое дело у себя на сайте, пишите в личку или на vsicvua равлик-павлик ukr.net.
Спасибо!
Мира вам!
Обновление шаблонов для второй ветки до версии 2.5.1 | Wide - шаблон серии light-news
Комментарии (23)
kirkr 11 мая 2016 в 08:05 0
Идея хорошая и удобная, может в релиз её примут?:)
Заралик 11 мая 2016 в 10:49 0
для 1 ветки, даже готов купить)
YMaverik 11 мая 2016 в 22:51 0
для 1.10.4 нужно такое срочно)
GoodMade.ru 11 мая 2016 в 23:07 0
Ну во ведь, полезная плюшка!. А то ведь помниться как то ты говорил, мол "пристрастие к плюшкам и сушкам не красят разработчика" ;)
Василич 12 мая 2016 в 03:09 0
Не совсем понимаю смысл таких плюшек в наше время. Не разумнее ли сделать сайт адаптивным под все устройства?
kirkr 12 мая 2016 в 07:18 0
Дело в том, что человек указал на проблемы при просмотре сайта, планшеты разные у всех, разрешение тоже. Так же и сотовые.
Val 12 мая 2016 в 08:31 +1
Если у девайса маленькое разрешение, то не важно планшет это или телефон, ему следует показывать сайт адаптированный под это разрешение. Это же применимо и в сторону увеличения разрешения экранов и плотности пикселей. Если грамотно сверстать сайт (а это требует усилий), то, IMHO, предложенный функционал для пользователя избыточен.
Игорь Lu 12 мая 2016 в 09:28 +2
Позвольте с Вами не согласиться. Данный функционал врядли можно назвать избыточным для второй ветки Инстант, так как во второй ветке есть возможность выбирать разные шаблоны для разных устройств и по разному их настраивать для вывода контента, в частности, виджетоты. На пример, если сайт имеет много включенных виджетов для просмотре на компьютере, то при просмотре на мобильном устройстве некоторые можно отключить и это позволяет сделать выбор второго шаблона для мобильных устройств. И вот здесь этот функционал и очень хорошо применим.
Автору плюс за доработку.
Val 12 мая 2016 в 14:30 0
Игорь Lu, мы с вами говорим о разных вещах)) Я обоими руками ЗА функционал определения устройства (внедрение скрипта Mobile Detect в движок)! Это не просто здорово, а супер здорово и полезно! В своё время, я также думал в этом направлении и рассматривал этот же скрипт)). По моему мнению избыточен функционал кнопки для предоставления пользователю выбора шаблона, не более. А автору конечно же плюс за доработку smile
Олег Васильевич я 12 мая 2016 в 10:21 0
Val, если позволите, повторю фразу из текста записи:
Естественно, всё можно решить и внутри одного шаблона. Возможно, это оптимальный вариант при текущем положении дел с мобильными устройствами. На мой взгляд, он более затратен как по времени так и финансово.
Ну и смысл сказанного на простом примере дефолтного шаблона, без каких-либо изменений: на странице размещён виджет "слайдер контента" (выводит 6 последних записей из типа контента с картинками); на шаблоне для телефонов выведем, виджет "список контента", выводит те же 6 записей, стиль (к примеру) "обычный". В результате: на разных устройствах выводится один и тот же контент, отличающийся только внешне. Ну и подсчитаем разницу в весе картинок, скриптов и стилей в том и другом случае.
Подчёркиваю: в шаблоне не делалось никаких изменений! И что тут сложного для пользователя? shock
При этом, адаптивность ведь не девается никуда.
Val 12 мая 2016 в 14:35 0
Олег Васильевич я, я еще не успел плотно изучить предлагаемый функционал iCMS по этому направлению, но представлял себе возможность внутри шаблона выбирать что загружать, а что нет для конкретного типа устройства, как то так:
Код PHP:
  1. $detect = new Mobile_Detect;
  2.  
  3. // Блок для любого мобильного устройства (телефон или планшет)
  4. if ( $detect->isMobile() ) {
  5. // Здесь данные которые мы хотим вывести
  6. }
Т.е. на стороне сервера формируем html по размеченному указанным образом шаблону и отправляем клиенту (весь "тяжелый мусор" фильтруем). А на стороне клиента с помощью адаптивной разметки страница уже окончательно рендерится и показывается в нужном виде.
Да, в моем случае изменения вносятся в шаблон, но для своего шаблона (отличного от дефолта) не вижу ничего в этом страшного.

Олег Васильевич я:
И что тут сложного для пользователя?
Сложного ничего)), но вываливающееся окошко несколько напрягает. В целом, я стараюсь придерживаться минимализма в дизайне интерфейса, поэтому, согласно моей философии, кнопка с функционалом выбора отображения вида страницы избыточна. Повторюсь это моё IMHO и не более smile
Олег Васильевич я 12 мая 2016 в 14:50 +1
вываливающееся окошко несколько напрягает
Выводить или нет всплывающее окошко решает админ. Оформить не окошком или стилизовать иначе точно меньшая проблема, чем переделывать шаблон. Если при этом ещё и попытаться дать возможность пользователю выбирать вывод информации внутри одного шаблона, задача усложнится в разы (в данном случае, - моё IMHO)
кнопка с функционалом выбора отображения вида страницы избыточна
Можно, конечно, и силой мысли попытаться переключить. Не знаю как с этим делом обстоят дела у ваших посетителей, но лично я тут бессилен cry
PIN 1 октября 2016 в 04:47 0
немного не по теме:
"представлял себе возможность внутри шаблона выбирать что загружать, а что нет"
у меня такое же ассоциативное понимание функционала, который хорош, но навешан не туда. Обычно при смене шаблона желаешь увидеть тот же сайт, с тем же набором виджетов в другой одёжке, но тут нет - при смене шаблона тебя встречает пустая главная страница и т.д., а чтобы прийти к набору как в первом шаблоне надо изрядно попотеть. Это не правильно.
Олег Васильевич я 1 октября 2016 в 11:52 0
1. Что и как выводить на каждом варианте решает админ.
2. Подавляющее большинство "серьезных" сайтов идут именно этим путем (разная подача контента для разных устройста). Мы с вами идем еще дальше: не только формируем его иначе, но и предоставлчем пользователю решить самостоятельно.
3. Когда включаете комп не потеете? laugh
PIN 1 октября 2016 в 12:26 0
1. зачем убеждать в том чему не противоречат?
2. спасибо, конечно, но это похоже ответ на чьё-то другое сообщение
3. пункт порадовал, стало понятно, что моё сообщение читали, правда что-то с контекстом, ну да ладно.
Олег Васильевич я 1 октября 2016 в 14:09 0
Возможно, не правильно вас понял.
В любом случае, спасибо за высказанное мнение!
Sergey Necr 17 июля 2016 в 12:01 0
Работает не плохо, но есть недочет, нажав вид телефон нельзя перейти назад на ПК.
Олег Васильевич я 1 октября 2016 в 11:42 0
Не наблюдаю такой ошибки. Кто-то может подвердить?
ermakover 30 сентября 2016 в 23:30 0
Олег Васильевич, такой вопрос по дополнению. Мне удобнее выводить для смартфонов меню пользователя и действий в шапке сайта, а вот для компа или планшета как оно и привычнее - в колонке справа или слева.
Сейчас у меня два меню - и в шапке, и в колонке. Потому как многие, кто с компа заходят меню в шапке не видят в упор.
А вот можно ли сделать, чтобы при переключении устройств пользователем одно из меню скрывалось?
Олег Васильевич я 1 октября 2016 в 11:38 0
Можно.
@Aliaksandr 4 февраля 2017 в 18:54 0
Здравствуйте. Данное дополнение возможно сделать виджетом на вторую ветку? Мне нужно что бы с телефона или планшета - открывалась всеравно полная версия сайта как на ПК.
Олег Васильевич я 4 февраля 2017 в 19:11 0
А для чего тут вообще какое-то дополнение?
Делайте не адаптивный шаблон. Или в своём поудаляете media запросы связанные с типом устройства и разрешением
@Aliaksandr 5 февраля 2017 в 00:04 0
Благодарю за совет.