Problème d'affichage de la liste des produits PS1.6

[lucho84]

Bonsoir,

Nous avons un site en PS 1.6.1.12, sur lequel je rencontre depuis peu un problème d'affichage sur Chrome, Safari et IE11 à jour (aucun souci sous Firefox). Si je désactive un produit dans une catégorie, alors l'affichage de la liste des produits bug,

Par exemple : je désactive le produit en 3ème position d'une catégorie, la liste produit de la catégorie affiche la première ligne avec 4 produit (tout va bien) mais sur la seconde ligne je n'ai qu'un seul produit qui s'affiche à droite, voici l'exemple https://www.argandia.com/fr/reve-d-argan-corps-75

Si je réactive le produit, alors pas de soucis! Le tri des pages produits s'effectue selon le tri dans la catégorie, donc je me suis dit je vais mettre ce produit en dernière position, mais niet ça ne change rien!

Je n'utilise pas le cache (malgré tout je l'ai vidé du site et de chrome) et je recompile si les tpl ont été mise à jour, or aucun tpl n'a été mise à jour depuis un bon moment. J'ai activé le mode debug et aucune erreur... Bref c'est incompréhensible car même si je degreffe le produit désactivé, ça ne résout pas le problème!

Auriez vous une idée car j'avour largement ne pas comprendre ce bug

[Eolia]

Problème du thème si description/promo qui modifie la hauteur des blocs description.

Modifiez votre règle dans  global.css ligne 16566 comme ceci:

 

@media (min-width: 991px) {

 

    .product_list.grid .product-block .product-meta, .product-default .owl-item .product-block .product-meta {

        position: static;

        height: 112px;

    }

}

Edited July 17, 2018 by Eolia (see edit history)

[lucho84]

Bonjour Eolia,

Merci beaucoup, je ne pensais pas que cela pouvait venir du css dans la mesure où ce problème a été relevé il y a peu et que cela ne le faisait pas sur tous les navigateurs. Ça marche du tonnerre !

Par contre je viens de me rendre compta que si je réduit la largeur de ma fenêtre pour me mettre dans la largeur similaire à une tablette, j'ai le même souci! Je pense qu'il faille forcer la hauteur des blocs également mais je ne sais pas où exactement, j'ai bien ce code

@media (min-width: 600px) {
  .produst_special .product-block .left-block {
    width: 45%;
    float: left;
  }
  .rtl .produst_special .product-block .left-block {
    float: right;
  }
  .produst_special .product-block .left-block:hover .quick-view {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .produst_special .product-block .left-block:hover img {
    opacity: 0.1;
    filter: alpha(opacity=10);
  }
  .produst_special .product-block .right-block {
    width: 55%;
    padding-left: 30px;
    float: right;
  }
  .rtl .produst_special .product-block .right-block {
    padding-right: 30px;
    padding-left: inherit;
  }
  .rtl .produst_special .product-block .right-block {
    float: left;
  }
}

A votre avis où dois je rajouter la valeur height?

 

Merci énormément pour votre aide!

[Eolia]

créez plutot votre règle dans une restriction media

@media (min-width: 480px) {