Joomla 3隐藏模块仅用于移动设备

Question

我的新网站在Joomla 3与移动就绪的主题。有人能告诉我，我怎么能隐藏几个模块的移动设备(iPhone等…)的访客?我有一个长横幅在两个模块，是什么看起来很好，如果访问该网站与计算机浏览器。但是，如果有人用移动设备访问我的网站，我如何隐藏这些模块?

Answer 1

假设你的模板使用Bootstrap(大多数3.0模板都是)，你可以在模块中添加一个特殊的类来隐藏它。当编辑模块时，转到选项->高级选项，寻找一个框来添加"模块类后缀"。添加"hidden-phone"(空间在开始时很重要，因为有些模块没有为你放置它…)来隐藏屏幕尺寸小于767px。如果你想在767px到979px的范围内隐藏它，也可以在列表中添加"hidden-tablet"(也用空格分隔)。

Answer 2

我不知道这是否是最好的解决方案，但这是我现在想到的一个解决方案。

你可以使用JBrowser类

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

返回一个布尔值

Answer 3

在bootstrap的新版本中有一个新的css名称用于隐藏模块，检查它在http://getbootstrap.com/css/

例如

:"hidden-xs"代表旧的"hidden-phone"

但如果你仍然有问题，"隐藏电话"one_answers"隐藏xs"都不起作用。你可以自己添加这个类:

将以下代码添加到你的Css文件(style.css或custom.css):

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

然后按照上面的建议，为所需的模块添加模块类后缀。

编辑模块时，转到选项->高级选项并查看为框添加"模块类后缀"。添加" hidden-phone"