[Skip to main content](#vessel-content) # problème affichage catalogue et responsive ## - **[laurent](/forum/user/268-laurent "View laurent's Profile")** - [![laurent's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/268-laurent "View laurent's Profile") Topic Author - [ Offline](/forum/user/268-laurent) Less More - Posts: 262 - Thank you received: 9 - - - 12 years 5 months ago [\#155904](#155904) by [laurent](/forum/user/268-laurent "View laurent's Profile") *[problème affichage catalogue et responsive](/forum/5-support-en-francais-french-support-/868183-probleme-affichage-catalogue-et-responsive#155904 "-- HikaShop version -- : 2.3.0 -- Joomla version -- : 3.2.2 -- PHP version -- : 5.4.4-14+deb7u9 -- Browser(s) name and version -- : FF Bonjour, Nous utilisons un template yootheme basé sur le framework WARP 6.4.4. Celui-ci est responsive design mais ne charge pas la librairie bootstrap (il me semble). J'ai ajouté un plugin qui charge le bootstrap et activé la fonction dans HikaShop. Néanmoins l'affichage du catalogue en vue "div" avec deux colonnes et 4 produits ne réagit pas correctement. D'une part l'image du produit n'est pas redimensionnée quel que soit le template utilisé et d'autre part l'affichage ne passe pas sur une colonne lorsque la largeur diminue. Il reste en deux colonnes. Par contre cela marche avec le template protostar. Cela entraîne un chevauchement plutôt "ugly" (voir pj). J'ai parcouru le forum et tenté les modifs proposées sans succès. Auriez-vous quelques pistes pour m'aider à dépatouiller cela ? Le site nécessite un accès pour être vu en ligne. Si besoin je préfèrerais le communiquer en messagerie privée. Cordialement, Laurent")* was created by *[laurent](/forum/user/268-laurent "View laurent's Profile")* -- HikaShop version -- : 2.3.0 -- Joomla version -- : 3.2.2 -- PHP version -- : 5.4.4-14+deb7u9 -- Browser(s) name and version -- : FF Bonjour, Nous utilisons un template yootheme basé sur le framework WARP 6.4.4. Celui-ci est responsive design mais ne charge pas la librairie bootstrap (il me semble). J'ai ajouté un plugin qui charge le bootstrap et activé la fonction dans HikaShop. Néanmoins l'affichage du catalogue en vue "div" avec deux colonnes et 4 produits ne réagit pas correctement. D'une part l'image du produit n'est pas redimensionnée quel que soit le template utilisé et d'autre part l'affichage ne passe pas sur une colonne lorsque la largeur diminue. Il reste en deux colonnes. Par contre cela marche avec le template protostar. Cela entraîne un chevauchement plutôt "ugly" (voir pj). J'ai parcouru le forum et tenté les modifs proposées sans succès. Auriez-vous quelques pistes pour m'aider à dépatouiller cela ? Le site nécessite un accès pour être vu en ligne. Si besoin je préfèrerais le communiquer en messagerie privée. Cordialement, Laurent - [ ![h6aa86be.JPG](/forum/attachment/17250) ](/forum/attachment/17250 "h6aa86be.JPG") [ ](/forum/attachment/17250?download=1 "h6aa86be.JPG") - [ ![hf352f83.JPG](/forum/attachment/17251) ](/forum/attachment/17251 "hf352f83.JPG") [ ](/forum/attachment/17251?download=1 "hf352f83.JPG") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODY4MTgzLXByb2JsZW1lLWFmZmljaGFnZS1jYXRhbG9ndWUtZXQtcmVzcG9uc2l2ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86286 - Thank you received: 14263 - - 12 years 5 months ago [\#155975](#155975) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[problème affichage catalogue et responsive](/forum/5-support-en-francais-french-support-/868183-probleme-affichage-catalogue-et-responsive#155975 "-- HikaShop version -- : 2.3.0 -- Joomla version -- : 3.2.2 -- PHP version -- : 5.4.4-14+deb7u9 -- Browser(s) name and version -- : FF Bonjour, Nous utilisons un template yootheme basé sur le framework WARP 6.4.4. Celui-ci est responsive design mais ne charge pas la librairie bootstrap (il me semble). J'ai ajouté un plugin qui charge le bootstrap et activé la fonction dans HikaShop. Néanmoins l'affichage du catalogue en vue "div" avec deux colonnes et 4 produits ne réagit pas correctement. D'une part l'image du produit n'est pas redimensionnée quel que soit le template utilisé et d'autre part l'affichage ne passe pas sur une colonne lorsque la largeur diminue. Il reste en deux colonnes. Par contre cela marche avec le template protostar. Cela entraîne un chevauchement plutôt "ugly" (voir pj). J'ai parcouru le forum et tenté les modifs proposées sans succès. Auriez-vous quelques pistes pour m'aider à dépatouiller cela ? Le site nécessite un accès pour être vu en ligne. Si besoin je préfèrerais le communiquer en messagerie privée. Cordialement, Laurent")* Bonjour, Cela signifie qu'il vous manque le CSS de bootstrap qui fait la conversion de plusieurs colonnes en une seule colonne: [ www.hikashop.com/forum/product-category-...e-design.html#123793](http://www.hikashop.com/forum/product-category-display/861982-problem-with-responsive-design.html#123793) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODY4MTgzLXByb2JsZW1lLWFmZmljaGFnZS1jYXRhbG9ndWUtZXQtcmVzcG9uc2l2ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[laurent](/forum/user/268-laurent "View laurent's Profile")** - [![laurent's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/268-laurent "View laurent's Profile") Topic Author - [ Offline](/forum/user/268-laurent) Less More - Posts: 262 - Thank you received: 9 - - - 12 years 5 months ago [\#156085](#156085) by [laurent](/forum/user/268-laurent "View laurent's Profile") Replied by *[laurent](/forum/user/268-laurent "View laurent's Profile")* on topic *[problème affichage catalogue et responsive](/forum/5-support-en-francais-french-support-/868183-probleme-affichage-catalogue-et-responsive#156085 "-- HikaShop version -- : 2.3.0 -- Joomla version -- : 3.2.2 -- PHP version -- : 5.4.4-14+deb7u9 -- Browser(s) name and version -- : FF Bonjour, Nous utilisons un template yootheme basé sur le framework WARP 6.4.4. Celui-ci est responsive design mais ne charge pas la librairie bootstrap (il me semble). J'ai ajouté un plugin qui charge le bootstrap et activé la fonction dans HikaShop. Néanmoins l'affichage du catalogue en vue "div" avec deux colonnes et 4 produits ne réagit pas correctement. D'une part l'image du produit n'est pas redimensionnée quel que soit le template utilisé et d'autre part l'affichage ne passe pas sur une colonne lorsque la largeur diminue. Il reste en deux colonnes. Par contre cela marche avec le template protostar. Cela entraîne un chevauchement plutôt "ugly" (voir pj). J'ai parcouru le forum et tenté les modifs proposées sans succès. Auriez-vous quelques pistes pour m'aider à dépatouiller cela ? Le site nécessite un accès pour être vu en ligne. Si besoin je préfèrerais le communiquer en messagerie privée. Cordialement, Laurent")* Bonjour Nicolas, Je n'ai pas l'impression. Ils s'affichent bien sous firebug. J'ai quand même essayé de "coller" ces fameuses lignes dans le fichier custom.css d'hikashop (sélectionné bien sûr dans ce cas) mais cela ne change rien. Cela reste en deux colonnes qui deviennent bien sûr impraticables. Pourtant la vue en détail du produit (sélection variante et mise en panier) s'adapte bien. L'image est d'ailleurs redimensionnée correctement ce qui n'est pas le cas des divs du catalogue. Que j'active ou pas le plugin bootstrap ne change rien. Les fichiers du template contiennent un bootstrap.css alors que ce thème est sous Warp 6 qui n'est pas censé charger Bootstrap. Serait-il possible que vous jetiez un oeil ? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODY4MTgzLXByb2JsZW1lLWFmZmljaGFnZS1jYXRhbG9ndWUtZXQtcmVzcG9uc2l2ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86286 - Thank you received: 14263 - - 12 years 5 months ago [\#156094](#156094) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[problème affichage catalogue et responsive](/forum/5-support-en-francais-french-support-/868183-probleme-affichage-catalogue-et-responsive#156094 "-- HikaShop version -- : 2.3.0 -- Joomla version -- : 3.2.2 -- PHP version -- : 5.4.4-14+deb7u9 -- Browser(s) name and version -- : FF Bonjour, Nous utilisons un template yootheme basé sur le framework WARP 6.4.4. Celui-ci est responsive design mais ne charge pas la librairie bootstrap (il me semble). J'ai ajouté un plugin qui charge le bootstrap et activé la fonction dans HikaShop. Néanmoins l'affichage du catalogue en vue "div" avec deux colonnes et 4 produits ne réagit pas correctement. D'une part l'image du produit n'est pas redimensionnée quel que soit le template utilisé et d'autre part l'affichage ne passe pas sur une colonne lorsque la largeur diminue. Il reste en deux colonnes. Par contre cela marche avec le template protostar. Cela entraîne un chevauchement plutôt "ugly" (voir pj). J'ai parcouru le forum et tenté les modifs proposées sans succès. Auriez-vous quelques pistes pour m'aider à dépatouiller cela ? Le site nécessite un accès pour être vu en ligne. Si besoin je préfèrerais le communiquer en messagerie privée. Cordialement, Laurent")* Oui, merci de fournir un lien vers la page en question via notre formulaire de contact avec un lien vers ce thread: [ www.hikashop.com/contact-us.html](http://www.hikashop.com/contact-us.html) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODY4MTgzLXByb2JsZW1lLWFmZmljaGFnZS1jYXRhbG9ndWUtZXQtcmVzcG9uc2l2ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86286 - Thank you received: 14263 - - 12 years 5 months ago [\#156348](#156348) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[problème affichage catalogue et responsive](/forum/5-support-en-francais-french-support-/868183-probleme-affichage-catalogue-et-responsive#156348 "-- HikaShop version -- : 2.3.0 -- Joomla version -- : 3.2.2 -- PHP version -- : 5.4.4-14+deb7u9 -- Browser(s) name and version -- : FF Bonjour, Nous utilisons un template yootheme basé sur le framework WARP 6.4.4. Celui-ci est responsive design mais ne charge pas la librairie bootstrap (il me semble). J'ai ajouté un plugin qui charge le bootstrap et activé la fonction dans HikaShop. Néanmoins l'affichage du catalogue en vue "div" avec deux colonnes et 4 produits ne réagit pas correctement. D'une part l'image du produit n'est pas redimensionnée quel que soit le template utilisé et d'autre part l'affichage ne passe pas sur une colonne lorsque la largeur diminue. Il reste en deux colonnes. Par contre cela marche avec le template protostar. Cela entraîne un chevauchement plutôt "ugly" (voir pj). J'ai parcouru le forum et tenté les modifs proposées sans succès. Auriez-vous quelques pistes pour m'aider à dépatouiller cela ? Le site nécessite un accès pour être vu en ligne. Si besoin je préfèrerais le communiquer en messagerie privée. Cordialement, Laurent")* Votre soucis, c'est que votre template charge un bootstrap sans la partie responsive templates/yoo_showroom/css/bootstrap.css qui prend le dessus sur le CSS bootstrap de votre plugin bootstrap plugins/system/twbootstrap/css/bootstrap-responsive.min.css car le plugin charge le CSS avant votre template dans le header des page. Du coup, cela ne fonctionne pas. Le plus simple c'est de supprimer le CSS bootstrap de votre template pour n'utiliser que celui du plugin et cela devrait fonctionner. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODY4MTgzLXByb2JsZW1lLWFmZmljaGFnZS1jYXRhbG9ndWUtZXQtcmVzcG9uc2l2ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[laurent](/forum/user/268-laurent "View laurent's Profile")** - [![laurent's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/268-laurent "View laurent's Profile") Topic Author - [ Offline](/forum/user/268-laurent) Less More - Posts: 262 - Thank you received: 9 - - - 12 years 5 months ago [\#156417](#156417) by [laurent](/forum/user/268-laurent "View laurent's Profile") Replied by *[laurent](/forum/user/268-laurent "View laurent's Profile")* on topic *[problème affichage catalogue et responsive](/forum/5-support-en-francais-french-support-/868183-probleme-affichage-catalogue-et-responsive#156417 "-- HikaShop version -- : 2.3.0 -- Joomla version -- : 3.2.2 -- PHP version -- : 5.4.4-14+deb7u9 -- Browser(s) name and version -- : FF Bonjour, Nous utilisons un template yootheme basé sur le framework WARP 6.4.4. Celui-ci est responsive design mais ne charge pas la librairie bootstrap (il me semble). J'ai ajouté un plugin qui charge le bootstrap et activé la fonction dans HikaShop. Néanmoins l'affichage du catalogue en vue "div" avec deux colonnes et 4 produits ne réagit pas correctement. D'une part l'image du produit n'est pas redimensionnée quel que soit le template utilisé et d'autre part l'affichage ne passe pas sur une colonne lorsque la largeur diminue. Il reste en deux colonnes. Par contre cela marche avec le template protostar. Cela entraîne un chevauchement plutôt "ugly" (voir pj). J'ai parcouru le forum et tenté les modifs proposées sans succès. Auriez-vous quelques pistes pour m'aider à dépatouiller cela ? Le site nécessite un accès pour être vu en ligne. Si besoin je préfèrerais le communiquer en messagerie privée. Cordialement, Laurent")* Merci de ce retour. Effectivement, en supprimant le chargement de la partie bootstrap du template, cela règle une partie du problème : quand on rétrécit la fenêtre, les produits passent sur une colonne les uns au dessus des autres au lieu de rester sur deux colonnes. Par contre il y a quelque chose qui empêche le fonctionnement "fluide" de la div elle-même. Le texte à droite sort du cadre et l'image ne se redimensionne pas (menu "Découvrir nos gammes >> tabacs"). Pourtant la classe image_subdiv est à width: auto et les tailles fixes des images sont remplacées aussi apparemment. J'ai fait des tests avec firebug sans arriver à "sortir" le problème. Je fais partie des "handicapés du css"... ![:-)](/media/kunena/emoticons/9.png ":-)") Ce sera peut-être évident pour vous ? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODY4MTgzLXByb2JsZW1lLWFmZmljaGFnZS1jYXRhbG9ndWUtZXQtcmVzcG9uc2l2ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86286 - Thank you received: 14263 - - 12 years 5 months ago [\#156440](#156440) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[problème affichage catalogue et responsive](/forum/5-support-en-francais-french-support-/868183-probleme-affichage-catalogue-et-responsive#156440 "-- HikaShop version -- : 2.3.0 -- Joomla version -- : 3.2.2 -- PHP version -- : 5.4.4-14+deb7u9 -- Browser(s) name and version -- : FF Bonjour, Nous utilisons un template yootheme basé sur le framework WARP 6.4.4. Celui-ci est responsive design mais ne charge pas la librairie bootstrap (il me semble). J'ai ajouté un plugin qui charge le bootstrap et activé la fonction dans HikaShop. Néanmoins l'affichage du catalogue en vue "div" avec deux colonnes et 4 produits ne réagit pas correctement. D'une part l'image du produit n'est pas redimensionnée quel que soit le template utilisé et d'autre part l'affichage ne passe pas sur une colonne lorsque la largeur diminue. Il reste en deux colonnes. Par contre cela marche avec le template protostar. Cela entraîne un chevauchement plutôt "ugly" (voir pj). J'ai parcouru le forum et tenté les modifs proposées sans succès. Auriez-vous quelques pistes pour m'aider à dépatouiller cela ? Le site nécessite un accès pour être vu en ligne. Si besoin je préfèrerais le communiquer en messagerie privée. Cordialement, Laurent")* Vous povuez "corriger" cela en ajoutant ce CSS: Code: @media(max-width:767px){ .hikashop_product td{ display:block; } } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODY4MTgzLXByb2JsZW1lLWFmZmljaGFnZS1jYXRhbG9ndWUtZXQtcmVzcG9uc2l2ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[laurent](/forum/user/268-laurent "View laurent's Profile")** - [![laurent's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/268-laurent "View laurent's Profile") Topic Author - [ Offline](/forum/user/268-laurent) Less More - Posts: 262 - Thank you received: 9 - - - 12 years 5 months ago [\#156734](#156734) by [laurent](/forum/user/268-laurent "View laurent's Profile") Replied by *[laurent](/forum/user/268-laurent "View laurent's Profile")* on topic *[problème affichage catalogue et responsive](/forum/5-support-en-francais-french-support-/868183-probleme-affichage-catalogue-et-responsive#156734 "-- HikaShop version -- : 2.3.0 -- Joomla version -- : 3.2.2 -- PHP version -- : 5.4.4-14+deb7u9 -- Browser(s) name and version -- : FF Bonjour, Nous utilisons un template yootheme basé sur le framework WARP 6.4.4. Celui-ci est responsive design mais ne charge pas la librairie bootstrap (il me semble). J'ai ajouté un plugin qui charge le bootstrap et activé la fonction dans HikaShop. Néanmoins l'affichage du catalogue en vue "div" avec deux colonnes et 4 produits ne réagit pas correctement. D'une part l'image du produit n'est pas redimensionnée quel que soit le template utilisé et d'autre part l'affichage ne passe pas sur une colonne lorsque la largeur diminue. Il reste en deux colonnes. Par contre cela marche avec le template protostar. Cela entraîne un chevauchement plutôt "ugly" (voir pj). J'ai parcouru le forum et tenté les modifs proposées sans succès. Auriez-vous quelques pistes pour m'aider à dépatouiller cela ? Le site nécessite un accès pour être vu en ligne. Si besoin je préfèrerais le communiquer en messagerie privée. Cordialement, Laurent")* Effectivement cela "corrige" le problème. Merci. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODY4MTgzLXByb2JsZW1lLWFmZmljaGFnZS1jYXRhbG9ndWUtZXQtcmVzcG9uc2l2ZT90bXBsPW1hcmtkb3du) 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.323 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)