nombre de colonnes en fonction de la taille ecran

  • Posts: 108
  • Thank you received: 1
10 years 4 months ago #139907

Bonjour,

Est-il possible que le nombre de colonnes affichant les produits ou les catégories s'adapte en fonction de la taille écran. Je voudrais au moins une étape intermédiaire entre le nombre de colonnes que j'ai choisi dans les paramètres et le moment ou elles passent les unes sous les autres.
Merci pour votre aide

Please Log in or Create an account to join the conversation.

  • Posts: 81677
  • Thank you received: 13103
  • MODERATOR
10 years 4 months ago #139984

Bonjour,

C'est possible en ajoutant à votre template du CSS spécifique en utilisant la commande @media sur les span/div de vos listings :
developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

Please Log in or Create an account to join the conversation.

  • Posts: 108
  • Thank you received: 1
10 years 4 months ago #140153

Merci,
Je me penche sur la question

Please Log in or Create an account to join the conversation.

  • Posts: 108
  • Thank you received: 1
10 years 4 months ago #140154

C'est surement la bonne solution mais je dois mal m'y prendre . Avec le code suivant, la première ligne de colonne s'adapte bien à la taille de l'écran mais je n'arrive pas à aligner les colonnes suivantes (qui correspondent au reste du paramètre nbre de colonne de l'affichage des catégories) sur la même ligne. Elles apparaissent l'une en dessous de l'autre.
L'affichage reprend ensuite correctement pour la seconde ligne

.hikashop_container
{
margin:0px !important;
}

@media screen and (max-width: 768px)
{
.thumbnails li
{
width:100px !important;
float:left !important;
margin-right:10px !important;
}
}

Merci pour ton aide

Please Log in or Create an account to join the conversation.

  • Posts: 81677
  • Thank you received: 13103
  • MODERATOR
10 years 4 months ago #140183

Le CSS exact à ajouté dépend de comment est fait le template et comment le listing est configuré. Je ne peux pas donner d'aide sans voir le résultat sur la page correspondante du site.

Please Log in or Create an account to join the conversation.

  • Posts: 108
  • Thank you received: 1
10 years 4 months ago #140199

J'ai fait plusieurs essais sans réussir exactement la mise en page que je souhaite mais j'y reviendrai plus tard lorsque le site sera en ligne. Je pourrai alors partager plus facilement mes petits soucis...
En attendant merci

Last edit: 10 years 4 months ago by nozz.

Please Log in or Create an account to join the conversation.

  • Posts: 2614
  • Thank you received: 65
  • Hikashop Business
10 years 4 months ago #140414

avec un simple display:inline-block (sans float left ) c'est du caoutchouc sans @media , il ne faut pas indiquer de nombre auxcolonnes
voir ici ymalaya.com/test/inlineblock/

Last edit: 10 years 4 months ago by erickb.

Please Log in or Create an account to join the conversation.

Time to create page: 0.086 seconds
Powered by Kunena Forum