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

[mvb1]

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

[pmleconte]

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

Bonjour,

Quel thème utilisez-vous ?

Pascal

[mvb1]

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

[pmleconte]

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

[pmleconte]

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

[mvb1]

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 ?

[pmleconte]

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

@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

[pmleconte]

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

[mvb1]

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 ?

[pmleconte]

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

[mvb1]

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