kelrobot Posted November 6, 2013 Share 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) Link to comment Share on other sites More sharing options...
Szed Posted November 6, 2013 Share 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. Link to comment Share on other sites More sharing options...
kelrobot Posted November 6, 2013 Author Share 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) Link to comment Share on other sites More sharing options...
Szed Posted November 6, 2013 Share 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) Link to comment Share on other sites More sharing options...
kelrobot Posted November 6, 2013 Author Share 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. Link to comment Share on other sites More sharing options...
Szed Posted November 6, 2013 Share 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) { Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now