Автоматическое переключение мобильного посетителя на шаблон RapidMobile
Внутри данного шаблона есть специальный файл http://ваш.сайт/design/RapidMobile/detect-mobile.js - это редиректор мобильного посетителя на мобильный шаблон RapidMobile. Здесь файл не испольуется, а просто добавлен в шаблон как дополнение, чтобы такой файл не пришлось искать позже, когда он понадобится.
Под мобильным посетителем понимается человек, зашедший на сайт с мобильного телефона, смартфона, планшета, то есть с устройства не десктопного формата. Соответственно задача файла-редиректора определить такую ситуацию и принудительно переключить посетителя на дизайн RapidMobile. По этой причине редиректор должен срабатывать и как следствие использоваться не в мобильном шаблоне, а именно том стационарном, с которого должен происходить переброс мобильного посетителя.
Предположим, у нас есть стационарный шаблон Example, и каждый посетитель сайта видит его в таком дизайне. Теперь если в заголовках файла index.tpl стационарного шаблона пропишем подключение редиректора мобильного шаблона, с этого момента все мобильные посетители будут видеть сайт в мобильном дизайне. Вот пример подключения, причем желательно, чтобы скрипт редиректора подключался в заголовках первым, то есть не в асинхронном режиме и до точки подключения любых других js-скриптов, не давая им срабатывать, пока идет определение типа посетителя (в коде ниже цветом выделены добавленная строка подключения и некоторые переменные движка):
<!DOCTYPE HTML>
<html dir="ltr" lang="ru">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<title>{$title}</title>
<script src="{$site}design/RapidMobile/js/detect-mobile.js" type="text/javascript"></script>
<link href="{$theme}css/style.css" rel="stylesheet" type="text/css" />
<script src="{$theme}js/jquery.js" type="text/javascript"></script>
<script src="{$theme}js/fancybox.js" type="text/javascript"></script>
</head>
<body>
...
...
</body>
</html>
В тех шаблонах, где заголовочная секция страницы формируется с помощью модуля генерации заголовков common_parts/AIMatrix/Constructor/head.htm, показанное выше подключение редиректора делается следующим образом:
<!DOCTYPE HTML>
<html dir="ltr" lang="ru">
{include file = '../../common_parts/AIMatrix/Constructor/head.htm'
main_links = [ 'js/../../RapidMobile/js/detect-mobile.js',
'css/style.css',
'js/jquery.js',
'js/fancybox.js' ]}
<body>
...
...
</body>
</html>