Joomla 3 Modul ausblenden nur für mobile Geräte
Ich arbeite an meiner neuen Website in Joomla 3 mit mobile ready Thema. Kann jemand mir sagen bitte, wie kann ich ausblenden wenige Module für mobile Geräte (iPhone, etc...) die Besucher? Ich habe eine lange Banner in zwei Module, was schön aussieht, wenn der Besuch dieser Website mit computer-browser. Aber wie kann ich ausblenden diese Module, wenn jemand meine Seite besucht mit mobile-Gerät? Ist zu lange und brach eine schöne Aussicht...
Du musst angemeldet sein, um einen Kommentar abzugeben.
In der neuen version von bootstrap gibt es eine neue css-Namen für investieren wollte, verheimlichte Module, überprüfen Sie es auf http://getbootstrap.com/css/
Zum Beispiel:
"hidden-xs" steht für " die alten "hidden-phone"
Aber wenn man noch ein kabeliger und "hidden-phone" noch ein "hidden-xs" arbeitet. Sie können diese Klasse von dir:
Fügen Sie diesen code in einer deiner Css-Dateien (die Ihrem Stil.css oder Ihre benutzerdefinierte.css):
Dann Folgen die raten oben und hinzufügen von Modul-Klassen-suffix, das gewünschte Modul aus.
Ich weiß nicht, ob dies die beste Lösung, aber es ist eine Lösung, die ich jetzt im Kopf.
Können Sie den JBrowser Klasse
$browser = JBrowser::getInstance();
$browser->isMobile()
es gibt einen boolschen Wert zurück.
Können Sie verstecken die Module aus der Vorlage direkt.
Unter der Annahme, dass Ihre Vorlage ist mit Bootstrap (und die meisten 3.0-Vorlagen werden), können Sie fügen Sie einfach eine spezielle Klasse für das Modul, um es zu verbergen für Handys. Beim Bearbeiten das Modul, gehen Sie zu Optionen -> Erweiterte Optionen, und suchen Sie das Kontrollkästchen, um einen "Module Class Suffix". Hinzufügen "hidden-phone" (Leerzeichen ist wichtig am Anfang, da einige Module nicht für Sie da...) zu verstecken, für Bildschirmdiagonalen von weniger als 767px. Hinzufügen "hidden-tablet" als auch auf der Liste (getrennt durch Leerzeichen), wenn Sie wollen, es zu verbergen, als auch für 767px zu 979px breiten.