[RÉGLÉ] Galerie photo qui s'affiche sur PC mais pas sur mobile/tablette

[Dollismine]

Bonsoir,

Je suis en train de réaliser mon tout premier site Joomla et je me heure à un probème pour la visualisation sur mobiles et tablettes.

J'ai des articles réalisé avec JCE, dans lesquels j'ai chargé la galerie Unite Gallery (via le petit onglet "module" sous la zone de saisie de JCE.

Jusque là, tout se passe bien, et lorsque je visualise mon site depuis le navigateur de mon PC, tout se passe bien.
Le site semble bien "responsive" car si je redimensionne la fenêtre de mon navigateur, tout reste visible et s'adapte à la taille de mon écran (sauf si je réduis trop, là les images finissent par ne plus être visibles mais j'ai quand même un icône cliquable pour les afficher.

Sous PC donc, tout semble correct.

Néanmoins, lorsque je cherche à me connecter depuis mon smartphone, les images de la galerie ne sont plus visibles.
Seuls les titres de mes articles apparaissent et le reste de la fenêtre reste désespérément vide.

J'ai fouiné dans tout un tas de paramètres dans Unite Gallery, dans JCE mais je n'arrive pas à trouver ce qui cloche.

Si quelqu'un a une idée, je suis preneur.

Merci

!)

[pmleconte]

Re : Galerie photo qui s'affiche sur PC mais pas sur mobile/tablette

Bonjour,

C'est le problème du mode "responsive" qui redimensionne l'affichage.

Le module Unite Gallery est payant donc je ne peux pas tester.

Cependant, dans la demonstration (http://www.unitecms.net/joomla-exten...llery/overview), il y a plusieurs modes: demo (qui fonctionne comme votre site), demo responsive (qui déplace les images quand on redimensionne l'écran), ....

Avez-vous dans la configuration du module un paramètre type d'affichage avec responsive ou métro ?

Désolé de ne pas pouvoir vous aider plus,

Pascal

[Dollismine]

Re : Galerie photo qui s'affiche sur PC mais pas sur mobile/tablette

J'utilise Unite Gallery (http://www.unitecms.net/premium-exte...e-gallery-main) et non Unite Gallery Tile responsive.

La version que j'utilise est plus complète et il est bien précisé que tous les thèmes sont Responsive, et je ne trouve aucun paramètre qui permettrait de basculer en Responsive ou non.

J'ai testé avec d'autres galeries, j'ai le même problème. Avec d'autres template, idem.

[PhilJ]

Re : Galerie photo qui s'affiche sur PC mais pas sur mobile/tablette

Bonjour,

Je suis en train de réaliser mon tout premier site Joomla et je me heure à un probème pour la visualisation sur mobiles et tablettes.

J'ai des articles réalisé avec JCE, dans lesquels j'ai chargé la galerie Unite Gallery (via le petit onglet "module" sous la zone de saisie de JCE. [...]

=> Pouvez-vous poster ici le code de votre insertion de la galerie. Il semble (à vérifier) y avoir des parasites.

Pour passer en mode code ('code colorisé') avec JCE, appuyez sur l'icône <>.

[Dollismine]

Re : Galerie photo qui s'affiche sur PC mais pas sur mobile/tablette

Bonjour,
Voici le code

<article>
<dl>
<dt style="text-align: center;"><span style="font-family: verdana,geneva; color: #808080; font-size: 24pt;">TISSERANDE D'ART<br /></span><span style="font-family: verdana,geneva; color: #808080; font-size: 24pt;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span><span style="color: #808080; font-size: 24pt;"><span style="font-size: 18pt; font-family: verdana,geneva;">ET </span></span><span style="color: #808080; font-size: 18pt; font-family: verdana,geneva;">DESIGN TEXTILE</span></dt>
</dl>
</article>
<dl>
<dt style="text-align: center;"><span style="font-family: verdana,geneva;"><span style="font-family: verdana,geneva;">&nbsp; {unitegallery accueil}</span></span>
</dt>
<dt></dt>
<dt></dt>
</dl>

[PhilJ]

Re : Galerie photo qui s'affiche sur PC mais pas sur mobile/tablette

Bonjour,

Voici le code [...]

Essayez ce code plus simple pour le module :

<div>
{unitegallery accueil}
</div>

Ou bien :

<p>
{unitegallery accueil}
</p>

________________

De même l'article est encombré de codes inutiles. Essayez ceci :

<div style="text-align: center; font-size: 24pt; color: #808080;">TISSERANDE D'ART<br><span style="font-size: 18pt;">ET DESIGN TEXTILE</div>


...Cela dit, (1°) ce genre de codage "inline" (= n'utilisant pas une feuille de style) n'est pas parfait, et surtout (2°) il n'est pas sûr qu'il soit suffisant pour résoudre votre problème. => Si ces simplifications ne suffisent pas, le mieux serait d'ouvrir un ticket de support auprès du développeur de l'extension.

[Dollismine]

Re : Galerie photo qui s'affiche sur PC mais pas sur mobile/tablette

Bonjour,

Essayez ce code plus simple pour le module :

<div>
{unitegallery accueil}
</div>

Ou bien :

<p>
{unitegallery accueil}
</p>

Rien de plus avec l'un comme l'autre (les balises deviennent par contre visibles sur le site)

De même l'article est encombré de codes inutiles. Essayez ceci :

<div style="text-align: center; font-size: 24pt; color: #808080;">TISSERANDE D'ART<br><span style="font-size: 18pt;">ET DESIGN TEXTILE</div>


...Cela dit, (1°) ce genre de codage "inline" (= n'utilisant pas une feuille de style) n'est pas parfait, et surtout (2°) il n'est pas sûr qu'il soit suffisant pour résoudre votre problème. => Si ces simplifications ne suffisent pas, le mieux serait d'ouvrir un ticket de support auprès du développeur de l'extension.

Pas mieux non plus.

J'ai supposé que ça pouvait venir de mon template (Gantry 5 Hydrogen) mais j'ai le même problème avec tous les templates de base de Joomla (Beez et autres)

[Dollismine]

Re : Galerie photo qui s'affiche sur PC mais pas sur mobile/tablette

Ah, je tiens une piste par le biais d'un énième template qui a fini par m'afficher ça :

Unite Gallery Error: You have some jquery.js library include that comes after the gallery files js include.
This include eliminates the gallery libraries, and make it not work.

To fix it you can:
1. In the Gallery Settings -> Troubleshooting set option: Put JS Includes To Body option to true.
2. Find the double jquery.js include and remove it.

Comment fait-on pour trouver pour trouver les doublons jquery ?

[PhilJ]

Re : Galerie photo qui s'affiche sur PC mais pas sur mobile/tablette

Rien de plus avec l'un comme l'autre (les balises deviennent par contre visibles sur le site).

Actuellement vous avez ce message d'erreur en p. d'accueil :

You have some jquery.js library include that comes after the gallery files js include.
This include eliminates the gallery libraries, and make it not work.

En clair : comme le montre le code source de la page, jquery.min.js est chargé 2 fois, ce qui empêche la galerie de s'afficher. Cela n'a pas de rapport avec les modifications HTML conseillées.

=> Avez-vous tout récemment installé une nouvelle extension ?


EDIT : si vous utilisez maintenant un autre template, il se peut que ce soit celui-ci qui charge jquery.min.js une 2^e fois et déclenche ce message d'erreur.

[Dollismine]

Re : Galerie photo qui s'affiche sur PC mais pas sur mobile/tablette

J'ai installé Responsive Contact Form dernièrement.

C'est en essayant un autre template que j'ai fini par trouver ce message d'erreur jquery.

En revenant sur mon template initial et en vérifiant l'affichage du site sur mon smartphone, j'obtiens désormais ce message :
Unite Gallery Error : wrong bullet index : 0
in file : undefined line undefined

La piste semble se préciser. Enfin j'espère...

[PhilJ]

Re : Galerie photo qui s'affiche sur PC mais pas sur mobile/tablette

C'est en essayant un autre template que j'ai fini par trouver ce message d'erreur jquery.

Cela semble confirmer que c'est ce template d'essai qui était la cause du double chargement de jquery.min.js.

En revenant sur mon template initial et en vérifiant l'affichage du site sur mon smartphone, j'obtiens désormais ce message :
Unite Gallery Error : wrong bullet index : 0
in file : undefined line undefined

Je ne vois pas ce message d'erreur (modèle : HTC 500), mais les photos n'apparaissent pas pour autant :-\

=> Avez-vous contacté le développeur ?

[Dollismine]

Re : Galerie photo qui s'affiche sur PC mais pas sur mobile/tablette

C'est fait oui. En espérant qu'il soit réactif.

En attendant, le site fonctionne depuis un PC, c'est déjà mieux que rien.

Merci pour votre temps et votre aide

[PhilJ]

Re : Galerie photo qui s'affiche sur PC mais pas sur mobile/tablette

En attendant, le site fonctionne depuis un PC, c'est déjà mieux que rien.

Une précision : le problème apparaît uniquement en dessous d'une largeur de 768 px — exactement (vous pouvez facilement expérimenter cette valeur avec Firefox et en basculant en mode de simulation mobile : CTRL+MAJ+M).

768 px n'est pas un valeur quelconque : c'est la largeur d'un iPad en mode portrait, et qui sert très souvent de point de rupture au niveau CSS pour contrôler l'affichage sur les appareils mobiles. Donc il y a fort à parier que le souci est dans une feuille de style CSS, ou du moins « d'ordre CSS ».

[pmleconte]

Re : Galerie photo qui s'affiche sur PC mais pas sur mobile/tablette

Bonjour,

Je viens de passer le site dans responsinator, http://www.responsinator.com/?url=ht...quezrak.com%2F, l'erreur unite gallery survient souvent et, dans les autres cas, on revient à notre case départ (pas d'affichag des images).

Pascal

[Dollismine]

Re : Galerie photo qui s'affiche sur PC mais pas sur mobile/tablette

Bonjour, je ne connaissais pas ce site mais illustre parfaitement mon problème. Merci.

Je suis en contact avec le développeur, on va bien voir.