Phoca Gallery - présentation texte description catégories sur mobiles

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

  • [RÉGLÉ] Phoca Gallery - présentation texte description catégories sur mobiles

    Bonjour,

    Les réglages de Phoca gallery me donne encore du soucis avec un problème d'affichage sur mobile :

    La présentation du texte descriptif des catégories sur mobile est catastrophique le texte se retrouve écrit les lettres les unes au dessous des autres en hauteur.

    voir galerie peintures en version mobile (crtl + shift +m)

    j'ai beau chercher je ne trouve pas les réglages adéquates

    Si quelqu'un avait une idée ?
    Je vous remercie

    phoca gallery 4.3.4
    joomla 7
    php 7
    Dernière édition par mvb1 à 09/05/2019, 09h39

  • #2
    Re : Phoco Gallery - présentation texte description catégories sur mobiles

    Bonjour,

    Quel thème utilisez-vous ?

    Pascal
    If anything can go wrong, it will...
    If I can help, I will ..https://conseilgouz.com

    Commentaire


    • #3
      Re : Phoco Gallery - présentation texte description catégories sur mobiles

      j'ai téléchargé et installé custom responsive

      dans style du panneau phocagallery tout est coché .. je ne comprend pas comment ça fonctionne alors j'ai laissé tel quel

      phocogallery.css
      rating.css
      defaut.css
      custom responsive
      custom new

      Commentaire


      • #4
        Re : Phoco Gallery - présentation texte description catégories sur mobiles

        Il est normal que cela fonctionne car les styles se complètent.

        Par contre, je ne parviens pas à avoir la description à côté de mes catégories. Je pense que vous avez une adaptation que je n'ai pas.

        Donc, comment affichez-vous votre liste des galeries ? par menu, PhocaGallery liste des categories ?

        Pascal
        If anything can go wrong, it will...
        If I can help, I will ..https://conseilgouz.com

        Commentaire


        • #5
          Re : Phoco Gallery - présentation texte description catégories sur mobiles

          Je viens de trouver pour afficher le détail des catégories.

          Je teste et je reviens vers vous.

          Pascal
          If anything can go wrong, it will...
          If I can help, I will ..https://conseilgouz.com

          Commentaire


          • #6
            Re : Phoco Gallery - présentation texte description catégories sur mobiles

            J'ai affiché de 2 façons différentes :

            Un lien menu vers une catégorie.. là ça passe bien sur mobile ex : Abstraction Lyrique

            Et lien menu vers toutes les catégories (cf lien du 1er post)

            Pour afficher la description texte de chaque catégorie j'ai juste rempli les champs textes de chacune des catégories
            Souhaitez vous que je vous communique toutes mes options de paramétrage ?

            Commentaire


            • #7
              Re : Phoco Gallery - présentation texte description catégories sur mobiles

              Je viens de faire pas mal de tests et j'en suis arrivé à créer un nouveau fichier style dans phoca gallery qui contient

              Code:
              @media (max-width: 50em) {
              .pg-cat-img-detail-box {
                  float: none !important;
                  width: auto !important;
              }
              
              .pg-field-desc {
                  float: none !important;
                  width: auto !important;
                }
              .pg-cat-img-detail > div {
                  margin-right: 0 !important;
              	margin-left: 0 !important;
                }
              }
              Cela force le retour à la ligne sur les écrans plus petit (50 em => 800 px). Donc, sur les écrans plus petits que 800px, la description ira sous l'image. Cela fonctionne avec mon template qui est un peu pris à droite et à gauche, et cela peut être modifié en fonction de votre template.

              Remarque: j'ai eu des soucis au moment d'enregistrer mon fichier style car mon répertoire était bloqué en écriture, donc, j'ai commencé par ajouter mes lignes dans le style custom_responsive.

              Pascal
              If anything can go wrong, it will...
              If I can help, I will ..https://conseilgouz.com

              Commentaire


              • #8
                Re : Phoco Gallery - présentation texte description catégories sur mobiles

                Pour créer mon style, je suis allé dans le répertoire media/com_phocagallery/css/custom et j'ai créé un fichier test.css où j'ai mis mon code.

                Ce fichier test.css est apparu ensuite dans la liste des styles de Phoca.

                Pascal
                If anything can go wrong, it will...
                If I can help, I will ..https://conseilgouz.com

                Commentaire


                • #9
                  Re : Phoco Gallery - présentation texte description catégories sur mobiles

                  Merci beaucoup pascal
                  Je vais essayer

                  Remarque: j'ai eu des soucis au moment d'enregistrer mon fichier style car mon répertoire était bloqué en écriture, donc, j'ai commencé par ajouter mes lignes dans le style custom_responsive.
                  Pour créer mon style, je suis allé dans le répertoire media/com_phocagallery/css/custom et j'ai créé un fichier test.css où j'ai mis mon code.
                  Ce fichier test.css est apparu ensuite dans la liste des styles de Phoca.
                  mais je ne comprends pas bien .. je dois ajouter les lignes de codes dans le fichier style custom_responsive ou je crée un fichier test.css ?

                  Commentaire


                  • #10
                    Re : Phoco Gallery - présentation texte description catégories sur mobiles

                    Si vous avez, comme moi, des soucis pour créer votre propre style, pour essayer, mettez dans le custom_responsive.

                    Après, en cas de mise à jour Phoca, vous risquez de perdre vos modifications si elles restent là. Donc, il faudra les mettre dans votre fichier à vous.

                    Pascal
                    If anything can go wrong, it will...
                    If I can help, I will ..https://conseilgouz.com

                    Commentaire


                    • #11
                      Re : Phoco Gallery - présentation texte description catégories sur mobiles

                      vraiment méga top !!!
                      ça marche et je n'ai eu aucun soucis pour enregistrer mon css perso

                      encore merci Pascal

                      Commentaire

                      Annonce

                      Réduire
                      Aucune annonce pour le moment.

                      Partenaire de l'association

                      Réduire

                      Hébergeur Web PlanetHoster
                      Travaille ...
                      X