Меню

Подключение мобильной версии шаблона Битрикс сайта, с автопереключением

Внимание! Все сообщения на форуме проходят модерацию. Ваше сообщение появится после проверки.
Поиск  Правила 
Ответить
RSS
Подключение мобильной версии шаблона Битрикс сайта, с автопереключением
 
#1
Это нравится: 0 Да / 0 Нет
18.05.2015 15:34:57
Подключение мобильной версии шаблона Битрикс сайта, с автопереключением

Адаптивная верстка шагает по www но я не ее сторонник. Предпочитаю, что бы сайт не грузил чертову кучу скриптов и стилей. При загрузке адаптивного шаблона за ним тянется очень много файлов, которые перегружают мобильный трафик, что полностью нивелирует преимущества "легкого" отображения сайта. Решил создать мобильную версию шаблона для битрикс с автоматическим переключением на нужный шаблон.
 
   Цитировать   Имя
 
#2
Это нравится: 0 Да / 0 Нет
18.05.2015 15:34:57
Большое спасибо!
Но почему вместо прямого определения в коде UA устройств не использовать скрипт с http://mobiledetect.net?
Там и устройств гораздо больше, можно разделять телефон-планшет-компьютер, браузер, код упростится, например

$detect = new Mobile_Detect;
$deviceType = ($detect->isMobile() ? ($detect->isTablet() ? 'tablet' : 'phone') : 'computer');
if (($deviceType == 'phone') &&($_SERVER["SERVER_NAME"] == "camouf.ru" || $_SERVER["SERVER_NAME"] == "www.camouf.ru" ;)  &&
empty($VISITOR_ID)) {
$APPLICATION->set_cookie("MOBILE_VISITOR_MB", "MOBILE", time()+60*60);
LocalRedirect("http://camouf.ru/?type=pda" ;) ;
exit();
}

Как-то так.
 
Цитировать   Имя
 
#3
Это нравится: 0 Да / 0 Нет
18.05.2015 22:30:13
Цитата
Александр пишет:
Большое спасибо!
Но почему вместо прямого определения в коде UA устройств не использовать скрипт с http://mobiledetect.net ?
Там и устройств гораздо больше, можно разделять телефон-планшет-компьютер, браузер, код упростится, например

$detect = new Mobile_Detect;
$deviceType = ($detect->isMobile() ? ($detect->isTablet() ? 'tablet' : 'phone') : 'computer');
if (($deviceType == 'phone') &&($_SERVER["SERVER_NAME"] == "camouf.ru" || $_SERVER["SERVER_NAME"] == "www.camouf.ru" &&
empty($VISITOR_ID)) {
$APPLICATION->set_cookie("MOBILE_VISITOR_MB", "MOBILE", time()+60*60);
LocalRedirect("http://camouf.ru/?type=pda" ;
exit();
}

Как-то так.
В общем-то да, можно и так
 
Цитировать   Имя
 
#4
Это нравится: 0 Да / 0 Нет
23.05.2015 02:55:35
Здравствуйте!
Подскажите пожалуйста как подключить отсюда http://mobiledetect.net для определения устройств к битрикс, я не спец.
Заранее спасибо,
С Уважением, Алексей
 
Цитировать   Имя
 
#5
Это нравится: 0 Да / 0 Нет
23.05.2015 16:03:08
Цитата
Алексей пишет:
Здравствуйте!
Подскажите пожалуйста как подключить отсюда http://mobiledetect.net для определения устройств к битрикс, я не спец.
Заранее спасибо,
С Уважением, Алексей
Инструкция там же на сайте имеется.
 
Цитировать   Имя
 
#6
Это нравится: 0 Да / 0 Нет
29.05.2015 08:13:25
Добрый день. Прошу уточнить как настраивать переключение на мобильный шаблон, если на сайте применен не один, а несколько шаблонов (для разных файлов и папок).
 
Цитировать   Имя
 
#7
Это нравится: 0 Да / 0 Нет
29.05.2015 08:51:39
Цитата
Guest пишет:
Добрый день. Прошу уточнить как настраивать переключение на мобильный шаблон, если на сайте применен не один, а несколько шаблонов (для разных файлов и папок).
Интересный вопрос. Не задавался таким, но попробуйте сделать условие перехода на мобильную версию самым последним в списке шаблонов
 
Цитировать   Имя
 
#8
Это нравится: 0 Да / 0 Нет
29.05.2015 09:08:33
Цитата
Михаил Базаров пишет:
Цитата
Guest пишет:
Добрый день. Прошу уточнить как настраивать переключение на мобильный шаблон, если на сайте применен не один, а несколько шаблонов (для разных файлов и папок).
Интересный вопрос. Не задавался таким, но попробуйте сделать условие перехода на мобильную версию самым последним в списке шаблонов
Сделала копии всех шаблонов. В основных в header.php указанный Вами код
Код
<?
$iphone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone"  ;)  ;
$android = strpos($_SERVER['HTTP_USER_AGENT'],"Android"  ;)  ;
$palmpre = strpos($_SERVER['HTTP_USER_AGENT'],"webOS"  ;)  ;
$berry = strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry"  ;)  ;
$ipod = strpos($_SERVER['HTTP_USER_AGENT'],"iPod"  ;)  ;
$mobile = strpos($_SERVER['HTTP_USER_AGENT'],"Mobile"  ;)  ;
$symb = strpos($_SERVER['HTTP_USER_AGENT'],"Symbian"  ;)  ;
$operam = strpos($_SERVER['HTTP_USER_AGENT'],"Opera M"  ;)  ;
$htc = strpos($_SERVER['HTTP_USER_AGENT'],"HTC_"  ;)  ;
$fennec = strpos($_SERVER['HTTP_USER_AGENT'],"Fennec/"  ;)  ;
$winphone = strpos($_SERVER['HTTP_USER_AGENT'],"WindowsPhone"  ;)  ;
$wp7 = strpos($_SERVER['HTTP_USER_AGENT'],"WP7"  ;)  ;
$wp8 = strpos($_SERVER['HTTP_USER_AGENT'],"WP8"  ;)  ;
$VISITOR_ID = $APPLICATION->get_cookie("MOBILE_VISITOR_MB"  ;)  ;
if (($ipad || $iphone || $android || $palmpre || $ipod || $berry || $mobile || $symb || $operam || $htc || $fennec || $winphone || $wp7 || $wp  8)  &&
($_SERVER["SERVER_NAME"] == "192.168.56.3" || $_SERVER["SERVER_NAME"] == "www.192.168.56.3"  ;)  &&
empty($VISITOR_ID) ) {
$APPLICATION->set_cookie("MOBILE_VISITOR_MB", "MOBILE", time()+60*60);
    LocalRedirect("192.168.56.3/?type=pda"  ;)  ;
exit();
}
?>

В настройках сайта если прописать условие "Выражение php" - siteType=='pda' для мобильного шаблона (если его основной шаблон без условия), то переключение на этот мобильный шаблон происходит.
Для основных шаблонов, для которых существуют условия "Для папки или файла" переход на мобильные шаблоны не происходит.
Если прописать условие "Выражение php" - siteType=='pda' для мобильно версии самого последнего в списке шаблона, то на мобильную версию переход не происходит ни на одном шаблоне.
Изменено: Михаил Базаров - 01.01.2024 13:18:06
 
Цитировать   Имя
 
#9
Это нравится: 0 Да / 0 Нет
07.07.2015 20:08:17
Добрый день.
На Apple Safari открывается мобильная версия (в другиз браузерах нормально). Необходимо чтоб открывался обычный шаблон. В заголовке передается USER_AGENT - Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_4) AppleWebKit/600.7.12 (KHTML, like Gecko) Version/8.0.7 Safari/600.7.12. Прошу уточнить, какое из указанных в header HTTP_USER_AGENT может на это влиять?
 
Цитировать   Имя
 
#10
Это нравится: 0 Да / 0 Нет
08.07.2015 18:14:42
Цитата
Guest пишет:
Добрый день.
На Apple Safari открывается мобильная версия (в другиз браузерах нормально). Необходимо чтоб открывался обычный шаблон. В заголовке передается USER_AGENT - Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_4) AppleWebKit/600.7.12 (KHTML, like Gecko) Version/8.0.7 Safari/600.7.12. Прошу уточнить, какое из указанных в header HTTP_USER_AGENT может на это влиять?
Проверил у себя на Safari под 10,10,4 - все нормально, открывается полный сайт
Киньте ссылку на ваш сайт прямо сюда или на почту mihail@camouf.ru
 
Цитировать   Имя
 
#11
Это нравится: 0 Да / 0 Нет
09.07.2015 10:47:52
Сделал все как было описано выше. Все заработало. Но через несколько дней вхожу с мобильного устройства и обнаруживаю шаблон десктопа.
Может подскажите в чем дело
 
Цитировать   Имя
 
#12
Это нравится: 0 Да / 0 Нет
31.07.2015 17:56:34
Здравствуйте, Михаил!
У меня одного случилось так или просто никто не проверял:
Была адаптивная верстка и проверка google показывала, что сайт адаптирован для мобильных устройств.
После подключения второго шаблона (описанным выше способом)  проверка выдает ошибку:
Цитата
Произошла ошибка при получении или анализе страницы.Dismiss
Как это решить?
 
Цитировать   Имя
 
#13
Это нравится: 0 Да / 0 Нет
31.07.2015 20:14:28
Цитата
Здравствуйте, Михаил!
У меня одного случилось так или просто никто не проверял:
Была адаптивная верстка и проверка google показывала, что сайт адаптирован для мобильных устройств.
После подключения второго шаблона (описанным выше способом) проверка выдает ошибку:
Цитата
Произошла ошибка при получении или анализе страницы.Dismiss
Как это решить?
А зачем вы при имении адаптивной версии, подключали мобильную, (просто интересно)?
А так, все что показано в видео работает прямо сейчас на этом сайте, проверку google проходит нормально
 
Цитировать   Имя
 
#14
Это нравится: 0 Да / 0 Нет
01.08.2015 02:18:27
Цитата
Михаил Базаров пишет:
Здравствуйте, Михаил!
У меня одного случилось так или просто никто не проверял:
Была адаптивная верстка и проверка google показывала, что сайт адаптирован для мобильных устройств.
После подключения второго шаблона (описанным выше способом) проверка выдает ошибку:
Цитата
Произошла ошибка при получении или анализе страницы.Dismiss
Как это решить?
Цитата
А зачем вы при имении адаптивной версии, подключали мобильную, (просто интересно)?
А так, все что показано в видео работает прямо сейчас на этом сайте, проверку google проходит нормально
Подключаю по тем же соображениям, что и вы. Для того, что бы убрать лишний мусор из верстки (слайдеры и т.д.).
Кстати, проблема решилась путем включения редиректа www на "безWWW".
А может сама собой решилась...
 
Цитировать   Имя
 
#15
Это нравится: 0 Да / 0 Нет
10.08.2015 16:06:20
А для чего вы используете куки?    Если все равно при каждой загрузке страницы проверяете тип устройства с которого зашел юзер.  
 
Цитировать   Имя
 
#16
Это нравится: 0 Да / 0 Нет
10.08.2015 16:56:55
Цитата
Dina пишет:
А для чего вы используете куки? Если все равно при каждой загрузке страницы проверяете тип устройства с которого зашел юзер.
Если юзер предпочел перейти с мобильной версии на полную, что бы ему не приходилось на каждой странице переходить на полную
 
Цитировать   Имя
 
#17
Это нравится: 0 Да / 0 Нет
11.09.2015 23:54:10
Переадресовывается, а потом кликаешь любой пункт меню и переходишь в раздел уже в полной версии. Что не так?
 
Цитировать   Имя
 
#18
Это нравится: 0 Да / 0 Нет
12.09.2015 01:51:44
Учитывая верхний вопрос всё сделал проще, init.php не нужен вообще, в header добавляем следующий код:


<?
$mobile_ver = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone"   ;)   +
strpos($_SERVER['HTTP_USER_AGENT'],"Android"   ;)   +
strpos($_SERVER['HTTP_USER_AGENT'],"webOS"   ;)   +
strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry"   ;)   +
strpos($_SERVER['HTTP_USER_AGENT'],"iPod"   ;)   +
strpos($_SERVER['HTTP_USER_AGENT'],"Mobile"   ;)   +
strpos($_SERVER['HTTP_USER_AGENT'],"Symbian"   ;)   +
strpos($_SERVER['HTTP_USER_AGENT'],"Opera M"   ;)   +
strpos($_SERVER['HTTP_USER_AGENT'],"HTC_"   ;)   +
strpos($_SERVER['HTTP_USER_AGENT'],"Fennec/"   ;)   +
strpos($_SERVER['HTTP_USER_AGENT'],"WindowsPhone"   ;)   +
strpos($_SERVER['HTTP_USER_AGENT'],"WP7"   ;)   +
strpos($_SERVER['HTTP_USER_AGENT'],"WP8"   ;)   ;
if ($mobile_ver >0) {
LocalRedirect('?sitetype=mobile');
};
?>

В настройках сайта выбираем не "выражение PHP", а "Параметр URL", куда заносим соответственно sitetype в первое окошко и mobile во второе после знака равенства.

И всё работает!

Подскажите, чем мой код плох и зачем там у вас такой огород из кода нагроможден?
 
Цитировать   Имя
 
#19
Это нравится: 0 Да / 0 Нет
06.11.2015 13:18:51
Цитата
Денис пишет:
Учитывая верхний вопрос всё сделал проще, init.php не нужен вообще, в header добавляем следующий код:


<?
$mobile_ver = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone"  ;)  +
strpos($_SERVER['HTTP_USER_AGENT'],"Android"  ;)  +
strpos($_SERVER['HTTP_USER_AGENT'],"webOS"  ;)  +
strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry"  ;)  +
strpos($_SERVER['HTTP_USER_AGENT'],"iPod"  ;)  +
strpos($_SERVER['HTTP_USER_AGENT'],"Mobile"  ;)  +
strpos($_SERVER['HTTP_USER_AGENT'],"Symbian"  ;)  +
strpos($_SERVER['HTTP_USER_AGENT'],"Opera M"  ;)  +
strpos($_SERVER['HTTP_USER_AGENT'],"HTC_"  ;)  +
strpos($_SERVER['HTTP_USER_AGENT'],"Fennec/"  ;)  +
strpos($_SERVER['HTTP_USER_AGENT'],"WindowsPhone"  ;)  +
strpos($_SERVER['HTTP_USER_AGENT'],"WP7"  ;)  +
strpos($_SERVER['HTTP_USER_AGENT'],"WP8"  ;)  ;
if ($mobile_ver >0) {
LocalRedirect('?sitetype=mobile');
};
?>

В настройках сайта выбираем не "выражение PHP", а "Параметр URL", куда заносим соответственно sitetype в первое окошко и mobile во второе после знака равенства.

И всё работает!

Подскажите, чем мой код плох и зачем там у вас такой огород из кода нагроможден?
А если человек захочет с мобильной версии перейти на основную?
 
Цитировать   Имя
 
#20
Это нравится: 0 Да / 0 Нет
09.11.2015 13:23:12
Здравствуйте, Михаил!
Использовал этот метод у себя и еще на сайте клиента.
На моем сайте все работает на ура, а у клиента первый раз закидывает на основную версию, а после обновления страницы или переходе по сайту подключается мобильный шаблон. Пробовал с разных устройств и браузеров - везде одно и то же.

Поможете разобраться?
Спасибо!
 
Цитировать   Имя
 
#21
Это нравится: 0 Да / 0 Нет
11.12.2015 12:22:17
Добрый день Михаил, во-первых спасибо за полезные уроки!, так держать!, у меня вопрос: все сделал как прописано, все редиректится, но редиректится на мобильную версию и когда с компьютера заходишь, а при нажатии перейти на полную версию сайта переходит, но при переходе на другую станицу на основном сайте опять переадресовывает на мобильную версию, буду признателен если натолкнете куда копать? заранее признателен
 
Цитировать   Имя
 
#22
Это нравится: 0 Да / 0 Нет
14.12.2015 05:04:36
Михаил спасибо за код, но на текущий момент при композитном режиме получается бред, постоянная перезапись в композит. Как написать этот же модуль без использования User Agent или что на что подменить, чтобы композит работал и переход??
 
Цитировать   Имя
 
#23
Это нравится: 0 Да / 0 Нет
05.01.2016 14:04:56
Михаил, спасибо за урок.
Уточняющий вопрос, если есть у вас есть время.
Правильно ли я понял, что для  мобильных устройств нужно создать не только новый шаблон "Главной страницы"  а новый сайт?
То есть к примеру  -Был один сайт, в терминах битрикс S1
Создаём копию сайта и пуcкай называется S2
И вот переход в случае захода с мобильного устройства должен идти именно на главную страницу S2

Спасибо
 
Цитировать   Имя
 
#24
Это нравится: 0 Да / 0 Нет
05.01.2016 14:24:49
Цитата
Максим пишет:
Михаил, спасибо за урок.
Уточняющий вопрос, если есть у вас есть время.
Правильно ли я понял, что для мобильных устройств нужно создать не только новый шаблон "Главной страницы" а новый сайт?
То есть к примеру -Был один сайт, в терминах битрикс S1
Создаём копию сайта и пуcкай называется S2
И вот переход в случае захода с мобильного устройства должен идти именно на главную страницу S2

Спасибо
Или все новые страницы для мобильной версии нужно создать в рамках первого сайта?
 
Цитировать   Имя
 
#25
Это нравится: 0 Да / 0 Нет
05.01.2016 17:21:22
Цитата
Guest пишет:
Цитата
Максим пишет:
Михаил, спасибо за урок.
Уточняющий вопрос, если есть у вас есть время.
Правильно ли я понял, что для мобильных устройств нужно создать не только новый шаблон "Главной страницы" а новый сайт?
То есть к примеру -Был один сайт, в терминах битрикс S1
Создаём копию сайта и пуcкай называется S2
И вот переход в случае захода с мобильного устройства должен идти именно на главную страницу S2

Спасибо
Или все новые страницы для мобильной версии нужно создать в рамках первого сайта?
Можно, конечно и второй сайт сделать- именно как отдельный на поддомене m.site.ru
Но в этом способе именно шаблон, сам сайт тот же самый. Страницы созданные на сайте сразу попадают в обе версии. Просто переключается шаблон, в рамках того же сайта
 
Цитировать   Имя
 
#26
Это нравится: 0 Да / 0 Нет
07.01.2016 10:58:11
Михайл,
Спасибо за ответы.
Обращаюсь с вопросом -  Есть ли у вас время проделать переключение на разные шаблоны на сайте  ?
Сколько потребуется времени и какая стоимость?


Исходные данные
1. Привожу пример упрощенной картинки, до уровня которой пришлось упрощать сайт, чтобы google признал его оптимизированным
2. Сайт был сверстан давно и не переделывался.
3. Первоначально файл стилей находился в корне и я его перенес  в шаблон

Какие у меня возникли затруднения
4.После правки копии шаблона для PDA по каким то причинам сканер безопасности сообщал при сканировании, что внешнее сканирование невозможно. То есть я как-то вредил сайту.
5. На главной странице добавлена новостная лента, удаляя которую из копии шаблона (для PDA) я соответственно удалял её и с главной страницы.
6. Проделав указанные вами в видео действия, получалось так, что мобильные устройства сайт не видели. То есть шаблон PDA для них не включался.
 
Цитировать   Имя
 
#27
Это нравится: 0 Да / 0 Нет
19.01.2016 12:55:07
      Добрый день. Решение подключения мобильной версии при наличии на сайте нескольких шаблонов так и не нашли?
 
Цитировать   Имя
 
#28
Это нравится: 0 Да / 0 Нет
19.01.2016 13:32:44
Цитата
Иван пишет:
Добрый день. Решение подключения мобильной версии при наличии на сайте нескольких шаблонов так и не нашли?
Пока с такой задачкой не пересекался, как подвернется допишу заметку
 
Цитировать   Имя
 
#29
Это нравится: 0 Да / 0 Нет
27.01.2016 14:29:31
Здравствуйте Михаил! Хочу выразить благодарность за доступный и весьма информативный урок уложенный в эту статью и видео. Сделал у себя на сайте, все работает как часы, без каких либо сложностей. Возник один вопрос, который возможно будет интересен и другим читателям этой страницы:

У меня в htpacces прописано два редирекста: с http на https и с www на без www. В связи с этим Гугд Пэйдж Спид Инсайт ругается на наличие двух лишних редиректов на странице при перебросе на ?type=pda. Подскажите пожалуйста как тут лучше поступить?

Вот как я подправил последний фрагмент кода из шаблона(полагаю, что в нем собака зарыта):
.......
($_SERVER["SERVER_NAME"] == "мойсайт.рф" ;)  &&
empty($VISITOR_ID)) {
$APPLICATION->set_cookie("MOBILE_VISITOR_MB", "MOBILE", time()+60*60);
LocalRedirect("?type=mobile" ;) ;
exit();
.....


При указании в LocalRedirect() полного названия сайта с http страница загружается только со второго раза. А при указании в пуникод выскакивает предупреждение о редиректе на другой ресурс, потому свел код к "?type=mobile".
 
Цитировать   Имя
 
#30
Это нравится: 0 Да / 0 Нет
26.02.2016 14:23:15
подскажите а как сделать переадресацию для разных сайтов без потери ссылки ?
site.ru/catalog/ на site.ru/m/catalog/
 
Цитировать   Имя
 
#31
Это нравится: 0 Да / 0 Нет
28.04.2016 13:36:52
Добрый день, Михаил!

Спасибо Вам за огромный труд!  
 
Цитировать   Имя
 
#32
Это нравится: 0 Да / 0 Нет
02.07.2016 10:11:24
Спасибо за инструкцию, но каким способом можно дать возможность  пользователю переключиться на обычную версию сайта? Куда должна вести ссылка?
 
Цитировать   Имя
 
#33
Это нравится: 0 Да / 0 Нет
02.07.2016 22:33:34
Цитата
Вилен Давыдов пишет:
Спасибо за инструкцию, но каким способом можно дать возможность пользователю переключиться на обычную версию сайта? Куда должна вести ссылка?
Вроде бы в видео озвучивал
/?type=original  
 
Цитировать   Имя
 
#34
Это нравится: 0 Да / 0 Нет
20.07.2016 18:28:16
Цитата
Михаил Базаров пишет:
Цитата
Вилен Давыдов пишет:
Спасибо за инструкцию, но каким способом можно дать возможность пользователю переключиться на обычную версию сайта? Куда должна вести ссылка?
Вроде бы в видео озвучивал
/?type=original
Да, спасибо, пропустил. Но проблема другая. Такая система переадресации прошла на гугле, но не прошла на яндексе, вот что указано при проверке.
"Многие страницы с различным контентом перенаправляют на одну и ту же страницу мобильной версии сайта. Примеры целей редиректа:" и перечисляются страницы. Есть ли решение и прошел ли ваш сайт проверку в яндексе на адаптивность?
 
Цитировать   Имя
 
#35
Это нравится: 0 Да / 0 Нет
20.07.2016 18:34:50
Цитата
Вилен Давыдов написал:
"Многие страницы с различным контентом перенаправляют на одну и ту же страницу мобильной версии сайта. Примеры целей редиректа:" и перечисляются страницы. Есть ли решение и прошел ли ваш сайт проверку в яндексе на адаптивность?
Вот такая штука у меня есть еще https://camouf.ru/blog-note/2329/
Яндекс не сразу, но итоге переварил.

А по поводу прохождения, да все без проблем
 
Цитировать   Имя
 
#36
Это нравится: 0 Да / 0 Нет
20.07.2016 18:49:08
Спасибо, то есть это нужно доделать к тому, что уже сделано по этой статье в файле init и код определения операционной системы в основном шаблоне, я правильно понимаю?
 
Цитировать   Имя
 
#37
Это нравится: 0 Да / 0 Нет
21.07.2016 07:05:58
Михаил, спасибо за ваш материал.

Поменяйте в материале строку переадресации на главную, если зашли с мобильного устройства:
Код
LocalRedirect($APPLICATION->GetCurPage() . "?type=pda");
Мы же не хотим, если человек перешел на интересующую его страницу, а потом его перекинуло на главную:)
 
Цитировать   Имя
 
#38
Это нравится: 0 Да / 0 Нет
22.07.2016 17:41:52
Цитата
Михаил Базаров пишет:
Цитата
Вилен Давыдов написал:
"Многие страницы с различным контентом перенаправляют на одну и ту же страницу мобильной версии сайта. Примеры целей редиректа:" и перечисляются страницы. Есть ли решение и прошел ли ваш сайт проверку в яндексе на адаптивность?
Вот такая штука у меня есть еще https://camouf.ru/blog-note/2329/
Яндекс не сразу, но итоге переварил.

А по поводу прохождения, да все без проблем
сайт все равно не прошел проверку яндекса пишет

"Многие страницы с различным контентом перенаправляют на одну и ту же страницу мобильной версии сайта."
 
Цитировать   Имя
 
#39
Это нравится: 0 Да / 0 Нет
25.07.2016 13:57:54
Михаил, спасибо большое за Ваши уроки, очень полезно.
По этому материалу все сделала, все получилось. Но у меня вопрос.
Как выяснилось, поменять шаблон недостаточно. Например, файл index.php тоже будет совершенно другой.
Создаю в корне сайта папку /m для мобильной версии. Подскажите, пожалуйста, как и где сделать перенаправление на эту папку, если пользователь заходит с мобильного устройства?
 
Цитировать   Имя
 
#40
Это нравится: 0 Да / 0 Нет
25.07.2016 17:53:52
Цитата
Ольга Стафиевская написал:
Михаил, спасибо большое за Ваши уроки, очень полезно.
По этому материалу все сделала, все получилось. Но у меня вопрос.
Как выяснилось, поменять шаблон недостаточно. Например, файл index.php тоже будет совершенно другой.
Создаю в корне сайта папку /m для мобильной версии. Подскажите, пожалуйста, как и где сделать перенаправление на эту папку, если пользователь заходит с мобильного устройства?
С редиректом на поддиректорию сайта все немного иначе, описанный способ не очень подходит. Посмотрите как это реализовано в типовом магазине, там есть пример.
 
Цитировать   Имя
 
#41
Это нравится: 0 Да / 0 Нет
26.07.2016 14:44:05
У меня заработало следующим образом
$VISITOR_ID = $APPLICATION->get_cookie("MOBILE_VISITOR_MB");
if ($ipad || $iphone || $android || $palmpre || $ipod || $berry || $mobile || $symb || $operam || $htc || $fennec || $winphone || $wp7 || $wp) {
$APPLICATION->set_cookie("MOBILE_VISITOR_MB", "MOBILE", time()+60*60);
header("Location: sitepath/?type=pda");
break;
}
Заметьте, я использую break; Чтобы не было цикличного перехода.
Тип условие в параметрах Bitrix: Параметр в URL: type = pda
 
Цитировать   Имя
 
#42
Это нравится: 0 Да / 0 Нет
29.10.2016 15:32:20
Здравствуйте, нужно разделения на 6 видов шаблона:
ПК, Планшеты ipad, палншеты андроид, iphone, андроид смартфоны и версия для слабовидящих. Как реализовать на битрикс?
 
Цитировать   Имя
 
#43
Это нравится: 0 Да / 0 Нет
29.10.2016 15:54:05
Цитата
Андрей Колчанов написал:
Здравствуйте, нужно разделения на 6 видов шаблона:
ПК, Планшеты ipad, палншеты андроид, iphone, андроид смартфоны и версия для слабовидящих. Как реализовать на битрикс?
Наверное проще сделать адаптивную версию, вы столько шаблонов утомитесь поддерживать однажды
+ одну для слабовидящих по инструкции выше
 
Цитировать   Имя
 
#44
Это нравится: 0 Да / 0 Нет
29.10.2016 19:49:47
Цитата
Михаил Базаров пишет:
Цитата
Андрей Колчанов написал:
Здравствуйте, нужно разделения на 6 видов шаблона:
ПК, Планшеты ipad, палншеты андроид, iphone, андроид смартфоны и версия для слабовидящих. Как реализовать на битрикс?
Наверное проще сделать адаптивную версию, вы столько шаблонов утомитесь поддерживать однажды
+ одну для слабовидящих по инструкции выше
Может 6 и многовато...

В общем-то, на текущем проекте ПК и планшетная версия почти одно и то же по функциям но по визуалу отличается, а в мобильной явно требуется отключение кучи скриптов, как по визуалу так и по функционалу.

Поэтому считаю, что нужно делить хотя бы так: ПК, планшеты, смартфоны, для слабовидящих.
Собственно я так полагаю, что самая большая сложность, это как отделить андроид планшеты и андроид смартфоны.

Сможете помочь?
 
Цитировать   Имя
 
#45
Это нравится: 0 Да / 0 Нет
29.10.2016 20:32:13
Цитата
Андрей Колчанов написал:
Цитата
Михаил Базаров  пишет:
Цитата
Андрей Колчанов написал:
Здравствуйте, нужно разделения на 6 видов шаблона:
ПК, Планшеты ipad, палншеты андроид, iphone, андроид смартфоны и версия для слабовидящих. Как реализовать на битрикс?
Наверное проще сделать адаптивную версию, вы столько шаблонов утомитесь поддерживать однажды
+ одну для слабовидящих по инструкции выше
Может 6 и многовато...

В общем-то, на текущем проекте ПК и планшетная версия почти одно и то же по функциям но по визуалу отличается, а в мобильной явно требуется отключение кучи скриптов, как по визуалу так и по функционалу.

Поэтому считаю, что нужно делить хотя бы так: ПК, планшеты, смартфоны, для слабовидящих.
Собственно я так полагаю, что самая большая сложность, это как отделить андроид планшеты и андроид смартфоны.

Сможете помочь?

Думаю только через http://mobiledetect.net городить кучу запросов для каждого устройства. Умнее сходу не придумаю.
 
Цитировать   Имя
 
#46
Это нравится: 0 Да / 0 Нет
05.12.2016 14:43:32
добрый день. сделал все как на вашем видео и вроде заработало. но при попытке зайти на сайт с мобильного устройства выдает предупреждение о том что идет переадресация на мой же сайт (www.site.ru/?type=pda) можно как то избежать данного предупреждения. так как другие люди просто не поймут и уйдут с сайта
 
Цитировать   Имя
 
#47
Это нравится: 0 Да / 0 Нет
05.12.2016 15:48:46
Цитата
Сергей Манник написал:
добрый день. сделал все как на вашем видео и вроде заработало. но при попытке зайти на сайт с мобильного устройства выдает предупреждение о том что идет переадресация на мой же сайт (www.site.ru/?type=pda) можно как то избежать данного предупреждения. так как другие люди просто не поймут и уйдут с сайта
За это отвечает модуль "Проактивная защита" посмотрите в нем, добавте в исключения вида *?type=pda
 
Цитировать   Имя
 
#48
Это нравится: 0 Да / 0 Нет
11.12.2016 23:24:59
Здравствуйте, Михаил!
Большое спасибо за материал! Сделал как Вы описали и все заработало. Есть только один вопрос:
А как сделать чтобы на телефонах показывалась мобильная версия сайта, а на планшетах обычная?
Заранее благодарен за ответ.
 
Цитировать   Имя
 
#49
Это нравится: 0 Да / 0 Нет
11.12.2016 23:38:11
Цитата
Денис написал:
Здравствуйте, Михаил!
Большое спасибо за материал! Сделал как Вы описали и все заработало. Есть только один вопрос:
А как сделать чтобы на телефонах показывалась мобильная версия сайта, а на планшетах обычная?
Заранее благодарен за ответ.
Тяжеловато будет, описанной мной проверкой устройств. С андроидами будет напряжно, их целый огород. Видимо, в вашем случае, лучше воспользоваться методом из второго комментария, по поводу http://mobiledetect.net и городить кучу проверок на разрешения и устройства
 
Цитировать   Имя
 
#50
Это нравится: 0 Да / 0 Нет
12.12.2016 21:00:17
Цитата
Михаил Базаров пишет:
Цитата
Денис написал:
Здравствуйте, Михаил!
Большое спасибо за материал! Сделал как Вы описали и все заработало. Есть только один вопрос:
А как сделать чтобы на телефонах показывалась мобильная версия сайта, а на планшетах обычная?
Заранее благодарен за ответ.
Тяжеловато будет, описанной мной проверкой устройств. С андроидами будет напряжно, их целый огород. Видимо, в вашем случае, лучше воспользоваться методом из второго комментария, по поводу http://mobiledetect.net и городить кучу проверок на разрешения и устройства
А чтобы на IPHONE показывалась мобильная версия сайта, а на IPAD обычная - так можно сделать?
 
Цитировать   Имя
 
Ответить
Читают тему
BBCode   Правила
Форма ответов
 
Текст сообщения*
Перетащите файлы
Ничего не найдено
Файл
Загрузить файлы
 

Блог-note: заметки разработчика

Ускорение работы сайта на 1С-Битрикс

Данная статья написана специально под видеоролик (приложен в конце статьи), опубликованный на моем ВКVideo канал...

Данные о заказе текущего пользователя

Иногда нужно получить данные о заказе текущего пользователя. Не через компонент, а непосредственно через API Битрикс. Ва...

Запретить оплату с внутреннего счета, если в корзине есть определенный товар

Задача: пользователи могут оплачивать заказы с бонусного счета (штатный внутренний счет), но если в корзине ...

Звездочки в рейтинге Битрикс статей и товаров каталога

Задача: изменить вывод рейтинга элемента на звездочки, с помощью шаблона iblock.vote в товарах и новостях.

Вывести свойство отдельно ото всех или исключить из всех

Иногда, на сайте, под управлением 1С-Битрикс, нужно вывести какое-то конкретное свойство отдельно ото всех, или вообще н...

Создание скидки на общую сумму покупки в Битрикс корзине

Функционал интернет-магазина, работающего под управлением 1С Битрикс, позволяет задавать множество условий скидок в корз...

Минимальная сумма заказа в корзине и оформлении заказа в 1С-Битрикс

В этой заметке добавим возможность установки минимальной суммы заказа, в новом шаблоне корзины на 1С-Битрикс.

Получение доступа к железу устройства из Битрикс мобильное приложение

Документация к мобильному приложению 1С-Битрикс очень куцая. В основном описывает функционал добавляемый BXMobileApp. ...

Input Type File, множественный с дропзоной и показом превью

Задача: Сделать возможность загрузки файлов в множественный input type="file" c помощью drag&drop и показом превью загру...