- Posts: 12
- Thank you received: 0
probleme d'affichage sur smartphone et tablettes
12 years 5 months ago #153018
by lauraneb
probleme d'affichage sur smartphone et tablettes was created by lauraneb
-- 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
-- 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
Please Log in or Create an account to join the conversation.
Less
More
- Posts: 12953
- Thank you received: 1778
12 years 5 months ago #153039
by Mohamed Thelji
Replied by Mohamed Thelji on topic probleme d'affichage sur smartphone et tablettes
Bonjour,
La solution sera surement d'utiliser des "Media queries" sur votre fichier CSS, vous trouverez un example ici :
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.
12 years 5 months ago - 12 years 5 months ago #153164
by lionel75
Replied by lionel75 on topic probleme d'affichage sur smartphone et tablettes
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
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
Last edit: 12 years 5 months ago by lionel75.
Please Log in or Create an account to join the conversation.
Time to create page: 0.164 seconds