Joomla 3 masquer le module seulement pour les appareils mobiles

Je travaille sur mon nouveau site en Joomla 3 avec mobile prêt à thème. Quelqu'un peut-il me dire s'il vous plaît, comment je peux cacher quelques modules pour appareil mobile (iPhone, etc...) pour les visiteurs? J'ai une longue bannières en deux modules, qu'est-ce que l'air sympa, si la visite de ce site avec le navigateur de l'ordinateur. Mais comment je peux cacher ce module si quelqu'un à visiter mon site avec un appareil mobile? Est trop long et s'est cassé une belle vue...

InformationsquelleAutor Marcell Nemeth | 2013-04-19
  1. 0

    Dans la nouvelle version de bootstrap il y a un css de nouveaux noms pour se faufiler modules, vérifier sur http://getbootstrap.com/css/

    Par exemple:
    "hidden-xs" signifie " le vieux "hidden-phone"

    Mais si vous avez encore un truble et "hidden-phone", ni "hidden-xs" fonctionne. Vous pouvez ajouter cette classe par vous-même:

    Ajouter ce code à l'un de vos fichiers Css (votre style.css ou personnalisé.css):

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

    Alors suivez les conseils ci-dessus et ajouter le suffixe de classe de module à module souhaité.

    Lors de la modification du module, allez dans Options -> Options Avancées et look
    pour une case pour ajouter un "Suffixe de Classe de Module". Ajouter "hidden-phone"

    InformationsquelleAutor Michael Mesheryakov
  2. 2

    Je ne sais pas si c'est la meilleure solution, mais c'est une solution que j'ai maintenant à l'esprit.

    Vous pouvez utiliser le JBrowser classe

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

    elle renvoie une valeur booléenne.

    Vous pouvez masquer les modules de modèle directement.

    • Merci de votre aide!
    • Parfait pour moi.
    InformationsquelleAutor Valentin Despa
  3. 2

    En supposant que votre modèle à l'aide de Bootstrap (et plus de 3,0 modèles seront), vous pouvez simplement ajouter une classe spéciale pour le module de la cacher pour les téléphones. Lors de la modification du module, allez dans Options -> Options Avancées et de regarder pour une case pour ajouter un "Suffixe de Classe de Module". Ajouter "hidden-phone" (l'espace est important au début car certains modules ne pas le mettre là pour vous...) de se cacher pour des tailles d'écran de moins de 767px. Ajouter "hidden-tablette" ainsi à la liste (également séparés par un espace) si vous voulez le cacher aussi bien pour 767px à 979px largeurs.

    • Homme Bon! Ça fonctionne... Merci beaucoup! 🙂
    • Je tiens à souligner que, techniquement, le module sera toujours chargé (je veux dire, vos utilisateurs peuvent remarqué que sur leurs appareils mobiles lors de l'utilisation d'un réseau de téléphonie mobile). Pour que la page ne sera pas plus léger.
    InformationsquelleAutor David Fritsch