Joomla 3隱藏模塊僅適用於移動設備

我在Joomla 3的移動就緒主題中使用我的新網站。有人可以告訴我，我怎麼能隱藏移動設備（iPhone等）的訪問者的幾個模塊？我在兩個模塊中有很長的橫幅，如果使用電腦瀏覽器訪問該網站，看起來不錯。但是如果有人通過移動設備訪問我的網站，我該如何隱藏這些模塊？太長，打破了一個很好的看法...Joomla 3隱藏模塊僅適用於移動設備

來源

2013-04-19 Marcell Nemeth

在引導新版本存在對hidding模塊新的CSS名稱，檢查它http://getbootstrap.com/css/

例如：「隱藏-XS」代表舊的「隱藏手機」

但是，如果你仍然有一個真正的「隱藏電話」和「hidden-xs」的作品。你可以自己添加這個類：

將此代碼添加到您的CSS文件（你的style.css或您的custom.css）之一：

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

然後按照上面的建議和添加模塊類後綴到所需的模塊。

編輯模塊時，請轉到選項 - >高級選項，然後查看以添加「模塊類後綴」。添加「隱藏手機」

來源

2015-10-22 12:27:37

我不知道這是否是最好的解決方案，但它是我現在想到的解決方案。

可以使用JBrowser類

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

它返回一個布爾值。

您可以直接從模板隱藏模塊。

來源

2013-04-19 18:43:06

感謝您的幫助！ –

適合我。 –

假設你的模板正在使用Bootstrap（並且大多數模板將會是），你可以在模塊中添加一個特殊的類來隱藏手機。編輯模塊時，轉到選項 - >高級選項，然後查找一個框以添加「模塊類後綴」。當屏幕尺寸小於767px時，添加「隱藏手機」（空間很重要，因爲某些模塊不會爲您安裝）。如果你想隱藏767px到979px的寬度，也可以將「hidden-tablet」添加到列表中（也用空格分隔）。

來源

2013-04-19 20:39:18

好人！它正在工作......非常感謝！ :) –

我想指出，技術上模塊仍然會被加載（我的意思是您的用戶可能會注意到，在他們的移動設備上使用移動網絡時）。所以頁面不會更輕。 –

Joomla 3隱藏模塊僅適用於移動設備

回答

相關問題