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

Для определения мобильных устройств (смартфонов, планшетов) в Вебасисте используется программный метод $wa->isMobile(), который можно использовать в HTML-коде страниц и шаблонов темы дизайна.

Пример использования:

{if $wa->isMobile()}
    текст для мобильных устройств
{else}
    текст для стационарных компьютеров и ноутбуков
{/if}


Если нужно отобразить некоторый фрагмент только для мобильных устройств, а для стационарных ничего не отображать:

{if $wa->isMobile()}
    текст для мобильных устройств
{/if}


Если нужно отобразить фрагмент только стационарных устройств и ничего не показывать для мобильных (для отрицания испольуется восклицательный знак перед вызовом метода):

{if !$wa->isMobile()}
    текст для стационарных компьютеров и ноутбуков
{/if}

2 комментария

  • +1
    GENIY9 GENIY9 8 октября 2018 15:24 #

    Можно ли в мобильную версию добавить функцию определения нескольких диапазонов ширины экрана мобильных устройств?

    Например 3 устройства: (min-width 320, max-width 375), (min-width 375, max-width 420), (min-width 342, max-width 768)...

    К примеру с такими параметрами как: {$wa->isMobile(300, 320)} - будет понятно, что это "Iphone 5"

    А то не везде уместно использование %-ой верстки...

    • +1
      Михаил Ушенин Михаил Ушенин Webasyst 8 октября 2018 15:42 #

      Пожелания по доработке программных продуктов публикуйте, пожалуйста, в специальном разделе форума поддержки. Так их удобнее регистрировать и обсуждать, если потребуется. Или голосуйте/комментируйте аналогичные предложения других пользователей.

      Добавить комментарий

      Чтобы добавить комментарий, зарегистрируйтесь или войдите