Site responsive sur simulateur mais pas en vrai sur tablette

[Gribs]

Re : Site responsive sur simulateur mais pas en vrai sur tablette

Oui bien sûr. Mille mercis Alexandre !
Bonne soirée à tous.

[ghazal]

Re : Site responsive sur simulateur mais pas en vrai sur tablette

Salut,
il y a une erreur JavaScript sur le module sp smart slider.
Désactive-le pour vérifier si l'erreur d'affichage persiste.

Testé sur iPad avec la console activée.
Pas de souci d'affichage, mais erreur JS signalée.

[Gribs]

Re : Site responsive sur simulateur mais pas en vrai sur tablette

Bonjour Ghazal,

Merci d'avoir regardé. Je viens de désactiver le module.

[Gribs]

Re : Site responsive sur simulateur mais pas en vrai sur tablette

Bonjour à tous,
Je suis vraiment perdue avec ce problème de css @media.
Est ce que l'un d'entre vous serait prêt à régler le problème contre rémunération ?

[alexfr79]

Re : Site responsive sur simulateur mais pas en vrai sur tablette

Bonsoir

Je viens de regarder la demo de ton template. Tout fonctionne normalement (HEUREUSEMENT !!!)
Ce template s'appuie sur Bootstrap et pas de problème de ce côté !
Donc je ne pense pas que le problème vienne des @media.

Avant de faire appel à quelqu'un, as-tu essayé de désactiver ton slider (maxima slider)
Peut-être un confit avec Bootstrap ?

Cordialement

Alexandre

PS désolé pour hier mais je n'étais pas disponible

[Gribs]

Re : Site responsive sur simulateur mais pas en vrai sur tablette

Bonsoir Alexandre.
Ne t'excuses pas c'est déjà très gentil de m'aider.
Tout fonctionne correctement quand le module est désactivé.
Il y a un souci avec slider-sp visiblement. :S

[ghazal]

Re : Site responsive sur simulateur mais pas en vrai sur tablette

Il y a un souci avec slider-sp visiblement.

Change de slider.
Il y en a un paquet sur le JED :

http://extensions.joomla.org/extensions/extension?searchall=slider&filter%5Btags%5D%5B%5D=&filter%5Bcore_catid%5D=&filter%5Bincludes%5D=&filter%5Bversions%5D=&filter%5Btype%5D=&filter%5Bhasdemo%5D=&filter%5Bnewupdated%5D=&filter%5Bscore%5D=&dir=DESC&limitstart=&controller=filter&view=extension&layout=list&Itemid=145&clearorders=0&clearfilters=1

Joli site, BTW.

[alexfr79]

Re : Site responsive sur simulateur mais pas en vrai sur tablette

Je ne pense pas que le problème vienne de slider-sp mais plutot de maxima slider
slider-sp est utilisé dans la démo du template que tu utilises.

Cordialement

Alexandre

[Gribs]

Re : Site responsive sur simulateur mais pas en vrai sur tablette

Bonsoir,
@ghazal : Je sais que je devrais en trouver un autre mais j'aimerais vraiment garder celui là. Un côté têtue ! Et merci.

@Alexandre : Oui oui en effet le module s'appelle Maxima slider.
J'ai téléchargé sa dernière version et j'ai changé le style du module (passé de Hérité à sp_xhtml).
Je ne sais pas si ça a servi à grand chose mais je tente.

[PhilJ]

Re : Site responsive sur simulateur mais pas en vrai sur tablette

Bonjour,

J'ai testé le responsive du site sous plusieurs simulateurs. Tout semblait fonctionner.
Cependant lors d'une utilisation réelle sur tablette le site ne n'affiche pas correctement.
Il n'y a que la photo de fond qui s'affiche (voir PJ).

Je ne constate pas le souci montré sur la photo. En revanche, toutes vos pages sont constituées de tableaux, structure rigide par excellence, qui plus est à largeur fixe : 500 px, 800 px... Évidemment, de telles largeurs ne peuvent pas entrer dans le format d'écran d'un appareil mobile. On le voit déjà sur la page d'accueil avec une largeur de 1024 px — par exemple sur un iPad en mode paysage ou un bon vieil écran 4 / 3 (17"). Pour vous en rendre compte vous-même, il vous suffit d'utiliser Firefox, puis de regarder vos pages en activant le mode mobile (= CTRL+MAJ+M, avec un M comme Mobile). Le menu en haut à gauche permet de changer le format et de basculer l'écran.

Ce que ce simple test montre, c'est que ce site fonctionne correctement avec un écran de 1280 px (par exemple un PC portable 15"). En dessous de cette valeur, les défauts apparaissent, et de plus en plus jusqu'au format iPhone 320 px.

La première chose à faire est bien sûr de se débarrasser entièrement des tableaux, par exemple en mettant en œuvre des colonnes (voyez http://demo.joomshaper.com/?template=xeon : Features > Shortcodes > Columns), ce qui permettra la fluidité.

Ensuite aussi, très probablement, il faudrait réduire la taille des caractères pour les formats mobiles (un peu pour les tablettes, davantage pour les smartphones).


Bonne journée.




PhilJ

[Gribs]

Re : Site responsive sur simulateur mais pas en vrai sur tablette

Bonjour,

Merci PhilJ.
J'ai modifié un peu la page d'accueil pour que ce soit plus responsive.

@Alexandre : Je suis désolée mais pourrais tu regarder sur ta HP 7 si j'ai toujours le problème avec maxima slider ?
Merci par avance.

[PhilJ]

Re : Site responsive sur simulateur mais pas en vrai sur tablette

Bonjour,

J'ai modifié un peu la page d'accueil pour que ce soit plus responsive.

C'est bien désormais :-)

Si toutes les pages doivent être correctement accessibles sur petits formats, il vous faut bien sûr faire la même chose sur vos autres pages, ie éliminer tous les tableaux dont la largeur déclarée est supéeieure à 300 px, c'est-à-dire, sauf erreur, tous (par exemple, le tableau qui contient votre page de contact a à lui seul une largeur 1000 px, sans même compter les marges internes du template dans lequel il prend place).


Cordialement,



PhilJ

[alexfr79]

Re : Site responsive sur simulateur mais pas en vrai sur tablette

@Gribs

Bonjour,

J'ai fait un nouveau test à ta demande en ayant pris le soin de vider le cache de ma tablette HP 7+. Cette tablette est sous Android 4.2.2 et j'utilise le browser de base.
Malheureusement, l'icone du menu horizontal disparait de manière intempestive en mode portrait
Je suis sure que tu as un suffixe de classe de module qui traine ......

Cordialement

Alexandre

[Gribs]

Re : Site responsive sur simulateur mais pas en vrai sur tablette

Bonjour à tous,

J'ai solutionné le bugue ce matin. Je me sens très idiote mais en fait il ne s'agissait que d'un problème de taille de l'image background.
Je l'ai passé de 3000 à 1000 et le problème s'est réglé de lui même.
Tout ce temps à chercher des complications pour un simple problème de dimension...
Merci beaucoup à tous d'avoir pris du temps pour me répondre et m'aider.

Bonne continuation,