[Skip to main content](#vessel-content) # probleme d'affichage sur smartphone et tablettes ## - **[lauraneb](/forum/user/32175-lauraneb "View lauraneb's Profile")** - [![lauraneb's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/32175-lauraneb "View lauraneb's Profile") Topic Author - [ Offline](/forum/user/32175-lauraneb) Less More - Posts: 12 - Thank you received: 0 - - 12 years 6 months ago [\#153018](#153018) by [lauraneb](/forum/user/32175-lauraneb "View lauraneb's Profile") *[probleme d'affichage sur smartphone et tablettes](/forum/5-support-en-francais-french-support-/867597-probleme-daffichage-sur-smartphone-et-tablettes#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")* was created by *[lauraneb](/forum/user/32175-lauraneb "View lauraneb's Profile")* -- url of the page with the problem -- : [ www.lemondedemina.com/bijoux](http://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 - [ ![h22abff1.JPG](/forum/attachment/16809) ](/forum/attachment/16809 "h22abff1.JPG") [ ](/forum/attachment/16809?download=1 "h22abff1.JPG") - [ ![h1ed705a.JPG](/forum/attachment/16810) ](/forum/attachment/16810 "h1ed705a.JPG") [ ](/forum/attachment/16810?download=1 "h1ed705a.JPG") - [ ![ha5a27a9.jpg](/forum/attachment/16811) ](/forum/attachment/16811 "ha5a27a9.jpg") [ ](/forum/attachment/16811?download=1 "ha5a27a9.jpg") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODY3NTk3LXByb2JsZW1lLWRhZmZpY2hhZ2Utc3VyLXNtYXJ0cGhvbmUtZXQtdGFibGV0dGVzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 12 years 6 months ago [\#153039](#153039) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[probleme d'affichage sur smartphone et tablettes](/forum/5-support-en-francais-french-support-/867597-probleme-daffichage-sur-smartphone-et-tablettes#153039 "-- 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")* Bonjour, La solution sera surement d'utiliser des "Media queries" sur votre fichier CSS, vous trouverez un example [ ici ](http://www.hikashop.com/forum/2-general-talk-about-hikashop/85393-responsive-columns-using-media-queries.html#114251) : > 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](http://www.hikashop.com/support/documentation/153-customize-the-display.html) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODY3NTk3LXByb2JsZW1lLWRhZmZpY2hhZ2Utc3VyLXNtYXJ0cGhvbmUtZXQtdGFibGV0dGVzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[lionel75](/forum/user/11856-lionel75 "View lionel75's Profile")** - [![lionel75's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/11856-lionel75 "View lionel75's Profile") - [ Offline](/forum/user/11856-lionel75) Less More - Posts: 846 - Thank you received: 92 - - 12 years 6 months ago - 12 years 6 months ago [\#153164](#153164) by [lionel75](/forum/user/11856-lionel75 "View lionel75's Profile") Replied by *[lionel75](/forum/user/11856-lionel75 "View lionel75's Profile")* on topic *[probleme d'affichage sur smartphone et tablettes](/forum/5-support-en-francais-french-support-/867597-probleme-daffichage-sur-smartphone-et-tablettes#153164 "-- 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")* 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](http://www.template-joomspirit.com/joomla-template/product/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 6 months ago by [lionel75](/forum/user/11856-lionel75 "View lionel75's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODY3NTk3LXByb2JsZW1lLWRhZmZpY2hhZ2Utc3VyLXNtYXJ0cGhvbmUtZXQtdGFibGV0dGVzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop- Install & Update- Product & Category Display- Content Creation- Sales and Orders- - Orders management- - Reports & Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import & Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel & Slider- - Mass Actions- - Filters & Search- - Discount & Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.217 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)