Jump to content
LauCollet

probleme affichage catalogue produit

Recommended Posts

Bonjour, cela fait quelque temps que je m'embête avec ce problème.

je joins deux copie d'écrans avant et après pour que vous puissiez mieux cerner le soucis.

post-558380-0-19992900-1461682183_thumb.png

post-558380-0-59272500-1461682210_thumb.png

version 1.6.1.3

 

lorsque j'ai modifié le template pour la première fois j'ai tout d'abord eu des trous ou plutôt des décalages qui apparaissaient dans la liste de produits.

j'avais réussi à corriger ce problème en diminuant la taille de la police tout simplement

 

et depuis j'ai un nouveau problème, lorsque je passe la souris sur certains produits (ça ne le fait pas pour tous), les produits de la ligne en dessous se décalent tous vers la droite.

 

j'ai d'abord pensé que cela pouvait venir de la hauteur de la div, mais si c'était le cas le problème se produirait alors pour tous les produits.

 

Bref je suis bloqué ici

 

est ce que quelqu'un aurait une piste?

 

j'espère avoir été clair dans mes explications

 

Share this post


Link to post
Share on other sites

je viens de régler partiellement le problème en mettant une hauteur fixe à la div product-container

reste deux détails à régler c'est sur la bonne voie.

 

je prend quand même des avis

Share this post


Link to post
Share on other sites

Bonsoir,

 

ça ressemble a un problème dans le product-list.tpl

 

Avez-vous un lien?

Share this post


Link to post
Share on other sites

Bonjour,

 

Il s'agit d'un souci de CSS sur votre thème, il est vrai que sans lien nous ne pourrons rien faire.

Si vous avez acheté ce thème, je vous conseille de contacter le vendeur.

Share this post


Link to post
Share on other sites

Tout semble correcte niveau css 

 

Vous-avez pas modifier le nombre de produits par ligne à toute hazard?

Share this post


Link to post
Share on other sites

Vous pouvez essayer de modifier le fichier CSS product_list.css de votre thème.

A la ligne 155, modifiez la règle pour celle-ci :

ul.product_list.grid > li { 
    padding-bottom: 20px; 
    text-align: center; 
    height: 450px !important; 
    margin-bottom: 0px !important;
}

Cela corrige votre effet au passage de la souris.

Share this post


Link to post
Share on other sites

Problème réglé avec la solution de Vincent, merci beaucoup!!

 

j'étais pas remonté assez haut pour la hauteur fixe :)

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