Joomla 3 скрыть модуль только для мобильных устройств

Я работаю над своим новым сайтом в Joomla 3 с мобильной готовой темой. Кто-нибудь может мне сказать, пожалуйста, как я могу скрыть несколько модулей для мобильного устройства (iPhone и т. д...) посетители? У меня есть длинные баннеры в двух модулях, что выглядит неплохо, если посетить этот сайт с помощью компьютерного браузера. Но как я могу скрыть эти модули, если кто-то посещает мой сайт с мобильного устройства? Это слишком долго и нарушило хороший вид...

3 2
mobile module hide

3 ответа:

В новой версии bootstrap есть новые css-имена для скрытых модулей, проверьте это на http://getbootstrap.com/css/

Например: "hidden-xs" означает старый "скрытый телефон"

Но если у вас все еще есть truble и "hidden-phone", ни" hidden-xs " не работает. Вы можете добавить этот класс самостоятельно:

Добавьте этот код в один из ваших Css файлов (ваш стиль.css или ваш обычай.css): 

    @media (max-width : 768px) {
  .hidden-phone {
        display: none;
  }
}

Затем следуйте совету выше и добавьте суффикс класса модуля к нужный модуль.

При редактировании модуля перейдите в меню Параметры - > Дополнительные параметры и посмотрите для коробки нужно добавить "суффикс класса модуля". Добавить "скрытый телефон"

0

Я не знаю, является ли это лучшим решением, но это решение, которое я сейчас имею в виду.

Можно использовать класс JBrowser

$browser = JBrowser::getInstance(); $browser->isMobile()

Возвращает логическое значение.

Вы можете скрыть модули непосредственно из шаблона.

2

Предполагая, что ваш шаблон использует Bootstrap (а большинство шаблонов 3.0 будут), вы можете просто добавить специальный класс в модуль, чтобы скрыть его для телефонов. При редактировании модуля перейдите в меню Параметры - > Дополнительные параметры и найдите поле для добавления "суффикса класса модуля". Добавьте "скрытый телефон" (пространство важно в начале, так как некоторые модули не помещают его туда для вас...), чтобы скрыть для размеров экрана меньше, чем 767px. Добавьте "hidden-tablet" также в список (также разделенный пробелом), если вы хотите спрячьте его также для ширины от 767px до 979px.

2