kelrobot 2 Posted November 6, 2013 (edited) Bonjour, J'ai créé un plugin qui affiche des images sur la colonne de gauche de mon site. J'aimerai soit désactiver ce plugin soit désactiver la colonne de gauche lorsque l'utilisateur est sur une tablette.Existe t-il une condition du genre "si tablette alors.." ? Merci. Edited November 6, 2013 by kelrobot (see edit history) Share this post Link to post Share on other sites
Szed 199 Posted November 6, 2013 Hello, il n'existe pas de condition "si tablette..." dans Prestashop. Ce que tu veux faire s'appelle du responsive design. Pour cela, tu dois utiliser les media query CSS qui vont te permettre de faire des conditions "Si largeur écran < 900px" ou "Si densité pixel =2" par exemple. Plus d'infos ici : http://www.alsacreations.com/article/lire/930-css3-media-queries.html Ensuite, il te suffit de cibler ton plugin en CSS, ou ta colonne. Share this post Link to post Share on other sites
kelrobot 2 Posted November 6, 2013 (edited) Salut, j'ai essayé d'ajouter ça en haut de mon .tpl sans succès : <head> <meta charset="utf-8"> <link rel="stylesheet" media="screen" href="screen.css" type="text/css" /> <link rel="stylesheet" media="print" href="print.css" type="text/css" /> </head> <body> L'adresse de mon site : www.boutique.kelrobot.fr Edited November 6, 2013 by kelrobot (see edit history) Share this post Link to post Share on other sites
Szed 199 Posted November 6, 2013 (edited) Oui mais non. En fait il faut lire l'article et pas copié le premier bout de code qui passe. Votre thème est déja responsive, donc il comprend déja des media query. A partir de la, lisait l'article pour comprendre le principe, et le reste ce n'est qu'un #monplugin{display:none;} dans la bonne media query. Indice : ca va se passer dans http://kelrobot-kelrobot.netdna-ssl.com/themes/andolo/css/reponsive.css Edited November 6, 2013 by Szed (see edit history) Share this post Link to post Share on other sites
kelrobot 2 Posted November 6, 2013 J'ai bien tout lu. Je pense avoir compris le principe malheureusement je n'y arrive pas.. Ca a l'air simple pourtant.. J'ai mis ce code dans responsive.css : @media handheld{ #left_column{display:none;} } J'ai essayé plusieurs autres choses sans succès. Merci de ton aide en tout cas. Share this post Link to post Share on other sites
Szed 199 Posted November 6, 2013 handled ce n'est qu'en cas d'un appel d'un fichier css depuis l'html. Ce n'est pas (de ce que je sais) une condition de media query. Dans votre fichier responsive.css, vous avez entre autre, une media query : @media only screen and (max-width: 767px) Vous pouvez utilisez celle ci. Ou si 767px c'est trop faible, vous en avez d'autre déjà a votre disposition, avec commentaire en plus : /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 1023px) { Share this post Link to post Share on other sites
