Jump to content

Comment definir un nom redimensionnement d'un element


Recommended Posts

Bonjour, 

 

Je pense que mon titre n'est pas des plus clair au monde. Mais une image parlera toujours mieux ;) 

J'ai un petit problem quand mon pointeur de sourie survole un produit.  

Comme vous pouvez le constater sur le screenshot le bloc "Actuellement en stock" remonte 
J'ai bien vu que le Height se redéfinissait automatiquement à 283px. Je ne maîtrise pas L'ajax ou le Java Script. Mais je pense pouvoir changer une valeur ou tout simplement empêcher que le block change son Height.  Malheureusement ou se trouve ce fichier ou dois aller ?  

Quelqu'un aurai t-il une solution ? 

 

Merci à tous

post-1328421-0-31844400-1483648431_thumb.png

Link to comment
Share on other sites

Tu peux mettre un margin-bottom au bout de : ul.product_list .product-name

Dans ton product-list.css.  apres la ligne 4 ou 5

 

Et ajuster selon tes besoins, mais le truc, c'est qu il te faut un espace sous ton nom de produit, et c'est pas le bouton availability qu il faut regler.!

 

J sais pas si j suis assez clair.

 

Peut etre qu un Boss passera par ici pour corriger si j dis des conneries

 

En tout cas, c pas tres compliqué.!

 

Bon courage

 

Brice

Edited by BriceVanZeg (see edit history)
Link to comment
Share on other sites

Ça y es, j'ai trouvé la solution

Je la poste ici quand même pour ceux que ça pourrai intéresser. 
Pour éviter que le "en stock actuellement remonte il suffit de supprimer ces lignes dans le product_list.css

      ul.product_list.grid > li.hovered .product-container .functional-buttons,
      ul.product_list.grid > li.hovered .product-container .button-container,
      ul.product_list.grid > li.hovered .product-container .comments_note {
        display: block; } }
  @media (min-width: 992px) {
    ul.product_list.grid > li.first-in-line {
      clear: left; } }
  @media (min-width: 480px) and (max-width: 991px) {
    ul.product_list.grid > li.first-item-of-tablet-line {
      clear: left; } }

Ensuite si vous souhaitez que le cadre ne face plus apparaitre l'ombre porté supprimer ces lignes supplémentaire dans  ul.product_list.grid > li.hovered .product-container

      -moz-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
      -webkit-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
      box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;

VOila

Link to comment
Share on other sites

Merci pour cette précision ;) 

 

Mais dans ce cas, çà ne s'applique pas.  Car le Javascript rajouté une classe "hovered" lorsque la sourie passé dessus. du coup on ne parle pas de hover mais bien l'ajout d'une classe.  C'est pour ça que j'ai galéré tout ce temps ;)

Link to comment
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...