Jump to content
kelrobot

Supprimer plugin sur tablette

Recommended Posts

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 by kelrobot (see edit history)

Share this post


Link to post
Share on other sites

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

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 by kelrobot (see edit history)

Share this post


Link to post
Share on other sites

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 by Szed (see edit history)

Share this post


Link to post
Share on other sites

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

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More