Mobile Joomla 3隐藏模块仅适用于移动设备
我在Joomla 3的新网站上工作,主题为移动就绪。有人能告诉我,我如何为移动设备(iPhone等)访问者隐藏一些模块?我有一个在两个模块的长横幅,什么是好看的,如果访问该网站与计算机浏览器。但如果有人使用移动设备访问我的网站,我如何隐藏这些模块呢?太长了,视野很好…我不知道这是否是最好的解决方案,但我现在已经想到了这个解决方案 您可以使用JBrowser类Mobile Joomla 3隐藏模块仅适用于移动设备,mobile,module,hide,joomla2.5,joomla3.0,Mobile,Module,Hide,Joomla2.5,Joomla3.0,我在Joomla 3的新网站上工作,主题为移动就绪。有人能告诉我,我如何为移动设备(iPhone等)访问者隐藏一些模块?我有一个在两个模块的长横幅,什么是好看的,如果访问该网站与计算机浏览器。但如果有人使用移动设备访问我的网站,我如何隐藏这些模块呢?太长了,视野很好…我不知道这是否是最好的解决方案,但我现在已经想到了这个解决方案 您可以使用JBrowser类 $browser=JBrowser::getInstance() $browser->isMobile() 它返回一个布尔值 您可以直接从
$browser=JBrowser::getInstance()代码>
$browser->isMobile()
它返回一个布尔值
您可以直接从模板中隐藏模块。假设模板使用的是引导(而且大多数3.0模板都是),您只需向模块添加一个特殊类,以隐藏它,以便用于手机。编辑模块时,请转到选项->高级选项,并查找添加“模块类后缀”的框。添加“隐藏的电话”(空间在开始时很重要,因为有些模块没有为您放置它…)以隐藏小于767px的屏幕尺寸。如果您想在767px到979px的宽度范围内隐藏“隐藏的平板电脑”,请在列表中添加“隐藏的平板电脑”(也用空格分隔)。在新版本的引导程序中,有一个用于隐藏模块的新css名称,请选中它
例如:
“隐藏的xs”代表旧的“隐藏的电话”
但是,如果你仍然有一个truble和“隐藏电话”也没有“隐藏xs”工程。您可以自己添加此类:
将此代码添加到一个Css文件(您的style.Css或您的custom.Css):
然后按照上面的建议,将模块类后缀添加到所需的模块中
编辑模块时,请转到选项->高级选项并查看
对于要添加“模块类后缀”的框。添加“隐藏电话”
我想指出的是,从技术上讲,该模块仍将被加载(我的意思是,您的用户在使用移动网络时可能会注意到,在他们的移动设备上)。所以这一页不会更轻。
@media (max-width : 768px) {
.hidden-phone {
display: none;
}
}