probleme d'affichage sur smartphone et tablettes

  • Posts: 12
  • Thank you received: 0
9 years 11 months ago #153018

-- url of the page with the problem -- : www.lemondedemina.com/bijoux
-- HikaShop version -- :HikaShop [1404042300]
-- Joomla version -- : 2.5.19
-- PHP version -- : 5.4.26
-- Browser(s) name and version -- : firefox
-- Error-message(debug-mod must be tuned on) -- : Error_message

bonjour
bien que sur le site l'affichage semblent correct avec un ecran d'ordi de 17pouces, si on veut aller sur hikashop avec un smartphones ou une tablette, les colonnes dans les pages categories se chevauchent, et le bloc cart glisse sous l'image dans les pages details produits. je joints ici des images des tests. plusieurs personnes nous ont prévenu que c'est effectivement ce qui se passait sur leur tablettes ou leur telephone.....
quand on met l'affichage en onglet sur la page details produit, il inscrit deux fois le texte de la description....

donc on se demande si on n'a pas raté une configuration spécifique....
merci pour les réponses

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 12953
  • Thank you received: 1778
9 years 11 months ago #153039

Bonjour,
La solution sera surement d'utiliser des "Media queries" sur votre fichier CSS, vous trouverez un example ici :

You can do the modifications in the frontend css file via the menu Configuration > Display > CSS
Use the @media tags to change the width of the columns when the width of the page is less than xx.

ex:
@media (max-width: 767px) {
.hikashop_products .row-fluid .span4 { width: 49% !important;}
}

Here is some documentation about the layout customization:
www.hikashop.com/support/documentation/1...ize-the-display.html

Please Log in or Create an account to join the conversation.

  • Posts: 846
  • Thank you received: 92
9 years 11 months ago #153164

Bonjour
Pour ne pas perdre de temps car cela demande du temps .
Pouvez vous
1-- mettre les liens qui correspondent aux captures d'écrans
2-- confirmer que la taille des images est uniforme entre elles et me donner leurs dimensions ( batch resize ?)
3- le nom du template 63-template-joomspirit-84
4--le nom de l ' extension qui gère les images HKS ?
5-- poster les positions utilisées ( user bottom ...) par rapport au template de la documentation et annoter les width avec mention en % ou pixel float .La capture montre 2 layout suite a un breakpoint , ici il y a 3 layout et 2 breakpoints mais 25 area ( mais plusieurs conteneurs non présent dans la documentation officiel du template que vous utilisez, sur ma capture les conteneurs sont en rouge et bleu ) !!!
6-- me donner un user name and password ( d'un acheteur pas admin/root ) si le problème n'est visible qu'après authentification .

cordialement

Attachments:
Last edit: 9 years 11 months ago by lionel75.

Please Log in or Create an account to join the conversation.

Time to create page: 0.078 seconds
Powered by Kunena Forum