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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Похожие материалы:
Помогла ли вам статья?
Да Нет
Статья оказалась полезной для 0 человек
avatar
Вот оно. То что надо.
И нет необходимости прописывать условия для различных разрешений экрана.
Только вот, скажите пожалуйста какие устройства подразумеваются под мобильными, конкретно для кода $USER_AGENT_PDA$, какие экраны будут игнорировать содержание завёрнутого блока?
Будет ли это условие действовать для адаптивного шаблона, без применения шаблона с PDA? Конечно я попробую, но важно мнение специалиста.
Спасибо.
avatar
Мобильники, имеется ввиду смартфоны, планшеты, прочие айпады. Точно вам не сообщу какие разрешения заложены в оператор. Да, будет работать в адаптивном дизайне без использования PDA.
avatar
Не навредит, мы используем условие, не display:none о котором говорит гугл.