Просмотр исходного текста страницы Мобильная версия шаблона блока или страницы

'''Статья предоставлена партнером UMI.CMS [https://www.umi-cms.ru/find_webdevs/axlab/ веб-студией AxLab]'''

'''Актуально для версии 18.'''

При использовании PHP-шаблонизатора возможно создать мобильную версию шаблона. Для этого достаточно добавить папку mobile в корне вашего шаблона. 

== Автоматический режим ==

В папке с шаблоном создадим файл '''/php/content/content.phtml''':
<source lang="php">
<?php $page = $variables['page']; ?>

<h1>Is desktop page</h1>
<?= $page->getValue('content') ?>
</source>

Также создадим файл '''/php/mobile/content/content.phtml''':
<source lang="php">
<?php $page = $variables['page']; ?>

<h1>Is mobile page</h1>
<?= $page->getValue('content') ?>
</source>

Для примера используем только шаблон контента в основном файле шаблона:
<source lang="php">
<?= $this->render($variables, "{$variables['module']}/{$variables['method']}") ?>
</source>

Теперь зайдя с мобильного устройства, отобразится шаблон мобильной версии сайта.<br>
При использовании '''$this->render''' система будет искать шаблон в папке mobile при заходе с мобильного устройства.

== Ручной режим ==

В PHP-шаблонизаторе также можно использовать функцию isMobile:

В файле шаблона '''/php/content/content.phtml''' добавим следующую строку:
<source lang="php">
<?php if($this->isMobile()){ ?> <div>Этот блок появится только в мобильной версии сайта.</div> <?php } ?>
</source>
'''При этом важно, чтобы в корне шаблона не было папки mobile, т.к. автоматический режим более приоритетный.'''

[[category:Вопросы и уроки разработки сайтов на UMI.CMS]] [[category:Верстка в PHP]]