Как настроить отображение блока только на мобильных устройствах ?

Юрий Герук 2020-12-11 1192 3
Как настроить отображение блока только на мобильных устройствах ?

О чем материал ?

Часто возникает необходимость, настроить на сайте отображение отдельного блока в дизайне лишь для мобильных устройств, чтобы посетители с компьютеров не видели конкретный блок, а видели лишь мобильные. Сегодня поговорим о таком решении и как им пользоваться.

Как установить условие отображение лишь для мобильных ?

Достаточно как обычно в первом или втором контейнере на сайте добавить блок и внутри блока установить такое условие:

<?if($USER_AGENT_PDA$)?>здесь содержимое для мобильного<?endif?>

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

Для этого нужно использовать условие:

<?if($USER_AGENT_PDA$)?>здесь для мобильного<?else?>здесь для компьютера<?endif?>

Как скрыть определенное содержимое с шаблона лишь для мобильных ?

Заверните в шаблоне определенное содержимое вот в такое условие:

<?ifnot($USER_AGENT_PDA$)?>здесь содержимое которое скрываем для мобильного<?endif?>

Вот так все просто реализуется на уровне небольшого условия. Если вам материал описанный выше помог, буду рад, что оказался полезным для вас.

Оцените полезность материала!

Лицензия: CC BY-SA 4.0

Автор: Юрий Герук

Похожие материалы:

Комментарии