Permettre inscription newsletter sur smartphone

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Permettre inscription newsletter sur smartphone

    Bonjour,
    Sur mon site dans le bandeau d'en-tête j'ai inclus une zone pour permettre au visiteur de s'abonner à la newsletter.
    Il s'agit d'un module AcyMailing que j'affecte à la position ad hoc de mon template.
    Mais seulement sur la version ordi de mon site.
    Car, sur conseil (judicieux) de quelqu'un de ce forum, je l'ai enlevé de la version smartphone parce que ça faisait un en-tête trop chargé.

    D'où ma question à présent : Comment permettre l'inscription à la newsletter sur smartphone ?
    J'avais dans l'idée d'ajouter un menu qui dirigerait sur une page contenant le champ/formulaire d'inscription.
    Sauf qu'AcyMailing c'est un module, donc pour l'afficher je suis obligé de l'affecter à une position d'un template, je ne peux pas l'inclure dans une page.
    Que me conseilleriez-vous donc, SVP ?

    En vous remerciant,
    À bientôt,
    Hervé
    japprecie, les musiques à vivre : https://japprecie.fr
    PHP 8.1.30
    Joomla! 4.4.9
    FLEXIcontent 4.2.1

  • #2
    Bonjour,

    Tu peux afficher un module dans un article et donc avoir un lien de menu affichant l'article qui affiche le module.
    hervelam aime ceci.
    "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
    MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr chez PHPNET, sites perso chez PlanetHoster + sites gérés chez PHPNET, PlanetHoster, Ionos et OVH

    Commentaire


    • #3
      Envoyé par RobertG Voir le message
      Bonjour,

      Tu peux afficher un module dans un article et donc avoir un lien de menu affichant l'article qui affiche le module.
      J'ai réussi à faire ça (grâce à https://forum.joomla.fr/forum/joomla...ans-un-article)

      Le problème est... qu'il ne s'affiche toujours pas sur mobile, puisque dans le user.css de mon template j'ai :
      Code HTML:
      /* pour supprimer le formulaire de mailing list si écran moins large que 422 */
      @media screen and (max-width: 422px) {
        .acym_module_form {
          display: none!important;
        }
      }​
      Comment faire ? J'ai l'impression de tourner en rond

      Hervé
      japprecie, les musiques à vivre : https://japprecie.fr
      PHP 8.1.30
      Joomla! 4.4.9
      FLEXIcontent 4.2.1

      Commentaire


      • #4
        Bonjour,

        Tu trouveras peut-être la solution ici : https://web-eau.net/tutoriels-joomla...sur-smartphone
        Un module en bandeau avec une classe pour le masquer sur petits écrans (et plus d'utilisation du code que tu cites) et un autre placé dans l'article, avec une casse bloquant l'affichage sur les écrans autres que smartphone.
        "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
        MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr chez PHPNET, sites perso chez PlanetHoster + sites gérés chez PHPNET, PlanetHoster, Ionos et OVH

        Commentaire


        • #5
          Bonjour,

          Il faut donc que je duplique mon module (un pour mettre en bandeau, et un autre pour mettre dans l'article) ?

          Hervé
          japprecie, les musiques à vivre : https://japprecie.fr
          PHP 8.1.30
          Joomla! 4.4.9
          FLEXIcontent 4.2.1

          Commentaire


          • #6
            Bonjour,

            Je pense en effet que c'est une solution.
            "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
            MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr chez PHPNET, sites perso chez PlanetHoster + sites gérés chez PHPNET, PlanetHoster, Ionos et OVH

            Commentaire


            • #7
              J'ai fait un module "Formulaire d'abonnement (bandeau)", avec classe du module = d-none d-lg-block
              et un module "Formulaire d'abonnement (article)", sans classe du module.

              ...Mais ça ne marche pas : le formulaire d'abonnement dans le bandeau s'affiche tout le temps, même sur smartphone. Pourquoi ?

              Serait-ce parce que je n'ai pas Bootstrap ? Faut que j'installe et configure quelque chose ? Je viens de chercher un peu sur le Web... Ça m'a l'air d'être encore tout un bazar... Y aurait pas moyen de faire sans ? (s'il est toutefois avéré que je ne l'ai pas)

              Hervé
              japprecie, les musiques à vivre : https://japprecie.fr
              PHP 8.1.30
              Joomla! 4.4.9
              FLEXIcontent 4.2.1

              Commentaire


              • #8
                Salutations,
                Je pense que vous trouverez votre bonheur sur cette piste : https://www.w3schools.com/cssref/atrule_media.php

                Les CSS @media sont déjà implanté nativement (j'peux me trompé, cela fait un moment que je ne suis pas allé farfouiller par la)

                Commentaire


                • #9
                  D'autres pistes dans ces discussions
                  Bonjour, Il était une fois (en 2016) un utilisateur Joomla qui utilisait les classes hidden-phone et visible-phone pour masquer ou afficher certains modules en fonction de la taille de l'écran ; j'avais choisi cette astuce pour changer la taille de la police de caractères dans le header du site (module contenu personnalisé).

                  et
                  Bonjour, J'ai voulu tester le masquage d'un module sur smartphone. Dans la classe du module (personnalisé), j'ai ajouté (origine doc Boostrap https://getbootstrap.com/docs/5.1/utilities/display/#hiding-elements) Mais systématiquement, quand j'essaie d'enregistrer, j'ai ce message : Comment faire ? Merci !
                  "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
                  MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr chez PHPNET, sites perso chez PlanetHoster + sites gérés chez PHPNET, PlanetHoster, Ionos et OVH

                  Commentaire


                  • #10
                    Envoyé par hervelam Voir le message
                    ... avec classe du module = d-none d-lg-block
                    Bonjour,

                    Oui, cette règle fonctionne très bien.

                    Il faudrait encore choisir "html5" sous les paramètres avancés, style du module.​
                    hervelam aime ceci.

                    Commentaire


                    • #11
                      Bonsoir,
                      Ouiiiii ! En rajoutant "html5" dans style du module, ça marche ! Merci beaucoup !
                      Il me reste juste un point à régler, comment rendre le module un peu plus 'responsive', parce que là c'est pas top :
                      Cliquez sur l'image pour l'afficher en taille normale

Nom : s'abonner (mobile).jpg 
Affichages : 49 
Taille : 151,0 Ko 
ID : 2065954
                      Si quelqu'un sait me dire comment faire, parce qu'en CSS je tâtonne énormément.....
                      (J'ai essayé différentes valeurs de .acym_module { width: }​ dans mon template, mais rien qui donne le résultat escompté.)
                      Hervé
                      japprecie, les musiques à vivre : https://japprecie.fr
                      PHP 8.1.30
                      Joomla! 4.4.9
                      FLEXIcontent 4.2.1

                      Commentaire


                      • #12
                        Envoyé par hervelam Voir le message
                        Bonsoir,
                        Il me reste juste un point à régler, comment rendre le module un peu plus 'responsive', parce que là c'est pas top
                        Hervé
                        Dans l'édition du module acy, essaye en mode vertical ou sans tableau :
                        en "vertical", tu as le champ email et le bouton de soumission l'un en dessous de l'autre mais toujours dans un tableau,
                        Ideal quand la zone est restreinte en largeur et que l'on ne connait pas la css.

                        en mode d'affichage "sans tableau", donc il n'y a pas d'encadrement et tu dois définir ta propre mise en forme avec les classes css existantes.
                        ce qui permet à la fois d'ajuster avec précision et d'ajouter eventuellement des effets au survol ou au clic sans devoir faire une surcharge.




                        hervelam aime ceci.
                        Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

                        Commentaire


                        • #13
                          Nickel !
                          Merci beaucoup.
                          Je ferme le sujet
                          Hervé
                          japprecie, les musiques à vivre : https://japprecie.fr
                          PHP 8.1.30
                          Joomla! 4.4.9
                          FLEXIcontent 4.2.1

                          Commentaire

                          Annonce

                          Réduire
                          Aucune annonce pour le moment.

                          Partenaire de l'association

                          Réduire

                          Hébergeur Web PlanetHoster
                          Travaille ...
                          X