Подключение мобильной версии шаблона Битрикс сайта, с автопереключением
Предпочитаю, что бы сайт не грузил кучу скриптов и стилей. При загрузке адаптивного шаблона за ним тянется очень много файлов, которые перегружают мобильный трафик, что полностью нивелирует преимущества «легкого» отображения сайта. Решил создать мобильную версию шаблона для битрикс с автоматическим переключением на нужный шаблон.
Смысл разработки адаптивного сайта-это показать контент пользователям мобильных устройств в удобочитаемом виде. Однако: в современном web строительстве превуалируют скрипты, анимация, большое количество картинок. Адаптивному шаблону приходится тянуть все возможные файлы, которые используются шаблоном что полностью перечеркивает смысл мобильного представления шаблона. Через мобильный интернет он грузится на столько долго, что полностью теряет смысл.
Я сторонник разработки отдельной мобильной версии сайта, точнее отдельного шаблона, который максимально облегчен для загрузки с мобильного интернета. Само собой, все переключения должны быть автоматическими, без участия пользователя.
Мобильная версия сайта для Битрикс
В данном видео расскажу как:
- подключить мобильную, облегченную версию шаблона битрикс
- сделать автоматический переход пользователя на данный шаблон, если он зашел с мобильного устройства
- дать возможность пользователю переключиться на полную версию шаблона-по кнопке
Все что потребуется для реализации (как использовать смотрите в видео):
if (isset ($_GET['type'])) < switch ($_GET['type']) < case 'pda': setcookie('siteType', 'pda', time()+3600*24*30,'/'); define('siteType','pda'); break; case 'special': setcookie('siteType', 'special', time()+3600*24*30,'/'); define('siteType','special'); break; default: setcookie('siteType', 'original', time()+3600*24*30,'/'); define('siteType','original'); >>else
В header.php полного шаблона (в видео код немного отличается, вставляйте как тут: дополнено для обратного перехода)
get_cookie("MOBILE_VISITOR_MB"); if ( ($ipad || $iphone || $android || $palmpre || $ipod || $berry || $mobile || $symb || $operam || $htc || $fennec || $winphone || $wp7 || $wp8) && ($_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(); > ?> /?type=special /?type=pda /?type=original Основной шаблон | без условия Мобильный | выражение PHP | siteType=='pda' Контрастный | Выражение PHP | siteType=='special'
Рустам Хасанов 09.02.2017
Здравствуйте! Меняю шаблон мобильной версии сайта, захожу затем на основной сайт и там у меня загружается как в мобильной версии. Что не так? Вроде сделал все как на видео.
Кос Дей 28.05.2017
Добрый день ! Видел, что вам задавал уже этот вопрос , но ответа не было . Повторюсь : почему — то с мобильной версии иногда переходит на обычную , причём после обновления, страницы опять переходит на обычную . и страницы абсолютно случайные. То товар , то категория
Автокешироание и и cdn отключили . Пробовал с разных устройст ( кеш тоже чистили ) Уже голову поломали . подскажите , пожалуйста!
Денис Чучумашев 25.08.2017
Таки вы меня извините, а зачем что-то вообще каждый раз редиректить и добавлять в адресную строку параметры?
Прописываешь в dbconn.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″ 😉 ;
if ($ipad || $iphone || $android || $palmpre || $ipod || $berry || $mobile || $symb || $operam || $htc || $fennec || $winphone || $wp7 || $wp 8) define(«MOBILE», ‘pda’);
И ставишь условие для подгрузки шаблона MOBILE==’pda’
И вуаля. А уж если клиент так хочет перейти на обычную версию с мобильной, тогда уже редиректим переопределяем куки.
Михаил Базаров 25.08.2017
Прописываешь в dbconn.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″ ;
if ($ipad || $iphone || $android || $palmpre || $ipod || $berry || $mobile || $symb || $operam || $htc || $fennec || $winphone || $wp7 || $wp define(«MOBILE», ‘pda’);
Я сторонник того, что все относящееся к работе шаблонов- должно быть в шаблоне. Не в системных файлах.
Во вторых, не проверяли как к такому подходу относятся поисковые системы? Это вопрос без подковырки, реально интересно.
Но мне кажется поисковые системы к такому относятся не очень хорошо (вменяется «манипулирование поисковой системой» дорвеи).
Masyasya Miks 20.02.2018
http://prntscr.com/ihhtdv если сделать так то работает если поставить первым шаблон главной страницы с указателем на index.php то на главной работать не будет так приоритет стоит на указатель файла или папка. Видимо инит позже подгружаеться чем шаблон. Это так для развития.
victoriat 25.03.2018
Подскажите, пожалуйста, каким должно быть условие в файле header чтобы сделать версию для слабовидящих. и еще я удалила все стили в шаблоне для версии, но при физическом переключении вид сайта не меняется. не пойму в чем дело.
Александр Посохов 04.05.2020
| Цитата |
|---|
| Михаил Базаров написал: Адаптивная верстка шагает по www но я не ее сторонник. Предпочитаю, что бы сайт не грузил чертову кучу скриптов и стилей. |
Здравствуйте!
Возникла необходимость в мобильной версии сайта и выборе способа её реализации.
Вы пишите, что вы не сторонник адаптивной верстки и на примере вашего сайта показали как это можно сделать по другому.
Но это было очень давно и сейчас (2020 год) на вашем же сайте переход на мобильную версию по https://camouf.ru/?type=pda не срабатывает.
На другом сайте www.domcvetov.net/, который судя по вашему видео уроку https://camouf.ru/video/bxstorenew/ разработан вами, также нет перехода на мобильную версию по /?type=pda.
Судя по всему этот способ для вас уже не подходит и сейчас вы предпочитаете другой способ реализации мобильной версии сайта (похоже опять адаптивный дизайн)?
Подскажите, какой способ реализации мобильной версии сайта актуален на сегодня (2020 год)?
Спасибо.
Михаил Базаров 05.05.2020
| Цитата |
|---|
| Михаил Базаров написал: Адаптивная верстка шагает по www но я не ее сторонник. Предпочитаю, что бы сайт не грузил чертову кучу скриптов и стилей. |
Да, заметка написана очень давно.
На текущий момент актуален только адаптив, скорости мобильного интернета и самих телефонов- вполне позволяют.
Поддерживать, фактически, два сайта: мобильный и декстопный, иногда, накладно даже.
PS: Заметку подкорректирую, что бы не вводит в заблуждение, устаревшими доводами.
Александр Посохов 05.05.2020
| Цитата |
|---|
| Михаил Базаров написал: На текущий момент актуален только адаптив |
В таком случае хотелось бы надеяться увидеть ваш урок по созданию адаптивного дизайна, а то в демо-сайте битрикс с адаптивным дизайном, который в этом уроке вами был почищен, очень сложно разобраться как это настраивать и как этим управлять.
Спасибо.
Юрий 13.04.2023
Увы, не работает. После занесение записи в инит.пхп сразу ругань движка, мол не хватает в пролонг.пхп
Мои видео на Boosty:
Поделиться страницей:
Форум
Всем привет, у меня на сайте есть 2 разных шаблона. 1 мобильный, второй десктопный. Мне нужно, чтобы когда пользователь заходил с мобильного он сразу попадал на /m/. Я создал новый сайт, с этой директорией. Вот теперь вопрос: как мне применить мобильный шаблон на сайт домен.ру/m/?
Заглянувший
Сообщений: 26 Баллов: 1 Регистрация: 18.12.2012
22.01.2015 08:39:37
Уточните, пожалуйста, что вы имеете ввиду.
Вам нужен механизм определения того, что пользователь зашёл с мобильного? В таком случае, гугл в помощь, есть много способов, конкретно битрикса это не касается.
А если вы хотите новый шаблон ко второму сайту прикрутить, то это делается в настройках созданного сайта.
Заглянувший
Сообщений: 10 Регистрация: 23.08.2014
22.01.2015 10:42:21
| Цитата |
|---|
| bbldzr написал: А если вы хотите новый шаблон ко второму сайту прикрутить, то это делается в настройках созданного сайта. |
У меня есть сайт kotovsk.ru, но у него только десктопная версия. Мне нужно узнать как я могу сделать, чтобы при входе на kotovsk.ru/m/ открывалась мобильная версия сайта.
Заглянувший
Сообщений: 26 Баллов: 1 Регистрация: 18.12.2012
22.01.2015 11:04:54
Шаблон сайта уже создан в админке? (Админка — Настройки — Настройки продукта — Сайты — Шаблоны сайтов)
Если создан, то его надо просто указать в настройках соответствующего сайта (пункт «Шаблон сайта»)
Заглянувший
Сообщений: 10 Регистрация: 23.08.2014
22.01.2015 11:17:40
| Цитата |
|---|
| bbldzr написал: Если создан, то его надо просто указать в настройках соответствующего сайта (пункт «Шаблон сайта») |
А как условие нужно задать, чтобы мобильный шаблон открывался только когда вот такое адрес kotovsk.ru/m/?
Заглянувший
Сообщений: 26 Баллов: 1 Регистрация: 18.12.2012
22.01.2015 11:23:16
Если используется многосайтовость, то никаких условий не надо.
Заглянувший
Сообщений: 10 Регистрация: 23.08.2014
22.01.2015 11:27:25
| Цитата |
|---|
| bbldzr написал: Если используется многосайтовость, то никаких условий не надо. |
Нет, у меня просто установлен шаблон.
Заглянувший
Сообщений: 26 Баллов: 1 Регистрация: 18.12.2012
22.01.2015 15:35:59
| Цитата |
|---|
| tabik написал: Я создал новый сайт, с этой директорией. |
Если создан сайт, то в настрйоках этого сайта и нужно указывать шаблон.
Постоянный посетитель
Сообщений: 156 Баллов: 27 Регистрация: 22.12.2012
22.01.2015 23:52:44
Тип условия — Для папки- /m/
Страницы: 1
Центр поддержки
Продукты
Управление сайтом
Битрикс24
Интернет-магазин + CRM
Решения
Для интернет-магазинов
Каталог готовых решений
Внедрение
Выбрать партнера
Проверить партнера
Стать партнером
1С-Битрикс http://www.1c-bitrix.ru Общие вопросы info@1c-bitrix.ru Приобретение и лицензирование продуктов : sales@1c-bitrix.ru Маркетинг/мероприятия/PR marketing@1c-bitrix.ru Партнерская программа partners@1c-bitrix.ru Мы работаем с 10:00 до 19:00 по московскому времени. Офис в Москве 127287 Россия Московская область Москва 2-я Хуторская улица дом 38А строение 9 Офис в Калининграде +7 (4012) 51-05-64 Офис в Калининграде 236001 Россия Калининградская область Калининград Московский проспект 261 Офис в Киеве ukraine@1c-bitrix.ru Телефон в Киеве +3 (8044)221-55-33 Офис в Киеве 01033 Украина Калининградская область Киев улица Шота Руставели 39/41 офис 1507
© 2001-2023 «Битрикс», «1С-Битрикс». Работает на 1С-Битрикс: Управление сайтом. Политика конфиденциальности
Мобильная версия сайта Bitrix, автоматическое перенаправление на мобильный шаблон
Доброе утро!
Решил сделать мобильную версию отдельным шаблон, встал вопрос перенаправления и в последующем корректная работа всего этого дела. Прошерстив сеть нашел следующую реализацию, в файле init.php добавил код:
> else < $checkType=''; if (isset($_COOKIE['siteType'])) $checkType=$_COOKIE['siteType']; switch ($checkType) < case 'pda': define('siteType','pda'); break; default: define('siteType',''); >> ?> А непосредственно в шаблоне с которого будет редирект в header.php:
isMobile()) && ($_SERVER["SERVER_NAME"] == "gippokrat.ru" || $_SERVER["SERVER_NAME"] == "www.gippokrat.ru") && empty($VISITOR_ID)) < $APPLICATION->set_cookie("MOBILE_VISITOR_MB", "MOBILE", time()+30*24*60*60); LocalRedirect("https://".$_SERVER["SERVER_NAME"] . $_SERVER["REQUEST_URI"] . "?type=pda"); exit(); > ?> Если кто-нибудь таким же или похожим способ реализовал мобильную версию, то наведите на путь истинный. Вопросы и трудности:
1. Зачем для мобильного шаблона отправляем 2 cookie в header(«MOBILE_VISITOR_MB», «MOBILE») и в init(‘siteType’, ‘pda’)?
2. И для чего в init определяем константу define она ведь bool возвращает, что она тут дает?
- битрикс
- мобильная-разработка
Работа с документами в мобильной CRM
Мы продолжаем развивать мобильную CRM Битрикс24 и в весеннем обновлении расширили ее возможности. Теперь вы можете работать с документами в CRM прямо со смартфона.
Новинка будет полезна для сотрудников, которые зачастую встречаются с клиентами лично. Ведь больше не нужно тратить время, чтобы возвращаться в офис для подготовки документов. Теперь весь процесс создания и редактирования документов будет проходить на встрече с клиентом, не откладывая закрытие сделки.
Как создать документ
В карточке CRM нажмите + в правом нижнем углу и выберите пункт Подготовить документ.
Выберите нужный шаблон документа из списка и система автоматически сформирует его.
Как открыть ранее созданный документ в карточке CRM
В карточке CRM нажмите . в правом верхнем углу и выберите пункт Документы.
Выберите нужный документ из списка и система моментально сформирует его.
Как отредактировать документ
Откройте документ в карточке CRM мобильного приложения Битрикс24. В режиме предпросмотра вы сможете ознакомиться с документом и при необходимости отредактировать его. Для этого нажмите на значок Карандаш в нижнем меню документа. Отредактируйте нужные поля и Сохраните изменения.
Если у вашей компании или у компании клиента несколько Юридических лиц, вы можете выбрать нужные из списка. Для этого нажмите «. » в правом верхнем углу. В этом же меню вы также можете отобразить QR-код в шаблоне Счет и добавить в документ печать и подпись, если они загружены в реквизитах вашей компании.
Отобразить QR-код возможно только для Счетов с российскими реквизитами.
Как отправить документ клиенту
Откройте нужный документ в карточке CRM и в правом нижнем углу нажмите Отправить. Воспользуйтесь одним из способов отправки документа клиенту. Это могут быть подключенные каналы связи или обычная ссылка на документ.
Помимо вышеуказанных действий с документами вы можете также:
- Отобразить QR-код сформированный в шаблоне Счет, чтобы клиент смог оплатить его через мобильное приложение банка прямо на встрече;
- Скачать документ на смартфон в формате .DOCX или .PDF;
- Распечатать документ с помощью принтера.