Hikashop responsive et Google mobile friendly

-- Joomla version -- : 3

Bonjour,

Je viens vers vous car mon site à certaines pages non mobile friendly cela arrive uniquement sur les pages produits hikashop, d'où cela peut il venir? Bouton ajout panier? Liens ?

Merci beaucoup

Mr Azzi

bonjour
Un lien serait utile pour etudier le code source ( html css )
cordialement

Bonjour,

Mais bien-sûr ou avais je la tête, www.phone-sav.com

Merci beaucoup

Bonjour,

Le soucis semble provenir de votre module de listing de catégories, or ce dernier n'est pas un module HikaShop mais semble plutôt être un module "Accordion menu CK".

Toutefois pour résoudre les soucis d'affichage, vous pouvez ajouter des propriétés css @media à partir d'une certaine taille d'écran pour changer l'affichage, je vous invite à effectuer une recherche sur internet pour cela ou de vous rapprocher directement de la team ayant créé ce module.

Voici de la documentation sur comment ajouter des propriétés css dans HikaShop:
www.hikashop.com/support/support/documen...ize-the-display.html

Pouvez vous donnez un lien et décrire ce qui ne va pas ? Je ne comprend pas pourquoi ecrire google dans " google mobile friendly" ? . mobile friendly suffit ....non ?.Le problème est il que la largeur de la colonne est supérieur à la largeur de l 'écran ?
cordialement

Effectivement je ne sais pas pourquoi j'ai rajouté Google, alors maintenant cela a évolué mon site est adapté sur la page test mobile de Google mais je n'ai pas l'indicateur site mobile à côté de toute les pages alors que quand je les rentre dans l'outil de test elle le sont. J'ai fais les changements il y a 4 jours.

Merci beaucoup

Je ne connaissais pas la page de test de google . En testant votre site sur la page test de google , celui ci retourne l information " Awesome this page is mobile friendly " .

There are anothers website for test mobile friendly like W3C OK mobile checker . Here the direct link for your web site validator.w3.org/mobile/check?docAddr=ht...v.com%2F&async=false

As you can see the test is more strict and your site don't pass the test !!



I think your website need
1- concat all images files in one file sprite ( only for small image size to do in desktop side)
2- concat all css and js in 1 css and 1 js using Scriptmerge or jchoptimize

Des tests , il y en a plein notamment opcast et accessibility ( wcag 1.0 2.0 color contrast) .

Opquast depuis firefox
pour firefox il faut activer le plugin




les tuto pour les sites mobiles ici
un test sur la page principale




wcag sur le site wave

sinon le nombre de sélecteur doit aussi être explorer . MaximenuCK est optimiser rarement bootstrap ! Les tests n'étudient pas les noms des sélecteurs gérés par javascript !!! ( il faut utiliser phantomjs ?)

Cordialement

il y a une erreur dans votre fichier css ? @media imbrique ou sans "}" fermé ?

www.phone-sav.com/templates/templatephonesav/css/mobile.css

jigsaw.w3.org/css-validator/validator?ur...vextwarning=&lang=en

Merci beaucoup pour vos réponse, il manque un } quelque part? je n'y connait vraiment rien cela me parait du chinois. Vous êtes du métier ou avez quelqu'un à me conseiller ? car toutes ces erreurs doivent me pénaliser au niveau du positionnement ?

Merci encore

Les éléments concernent ici surtout le chargement du site. Un intégrateur web doit pouvoir vous faire cela . Le but d'un CMS est de construire un site web avec des éléments par défaut et obligatoirement il ne peut y avoir d harmonie graphique et d optimisation entre les extensions . voyez du coté d un freelance

Cordialement