Tridarius Posted January 5, 2017 Share Posted January 5, 2017 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 Link to comment Share on other sites More sharing options...
BriceVanZeg Posted January 5, 2017 Share Posted January 5, 2017 Bonjour,A modifier dans le CSS.. que Firebug t indique. Bon courage Brice Link to comment Share on other sites More sharing options...
Tridarius Posted January 5, 2017 Author Share Posted January 5, 2017 Malheureusement si c’était aussi simple je l'aurai déjà fait. Link to comment Share on other sites More sharing options...
Tridarius Posted January 6, 2017 Author Share Posted January 6, 2017 un petit up discrètement. Je n'ai toujours pas trouver la solution ca me deprime Link to comment Share on other sites More sharing options...
BriceVanZeg Posted January 6, 2017 Share Posted January 6, 2017 Pourtant, je le répéte, ton firebug doit t indiquer quel fichier, ca doit etre product-list.css ou un truc du genre, puis la ligne aussi, comme ca, tu peux l editer et tester d autres valeur..!Sinon, c quoi ton url ? Link to comment Share on other sites More sharing options...
Tridarius Posted January 6, 2017 Author Share Posted January 6, 2017 POurtant impossible de trouver cette ligne. Mon URL est : http://bearbrick.fr/index.php?id_category=15&controller=category Si vous savez exactement quelle ligne c'est je suis preneur. Link to comment Share on other sites More sharing options...
Tridarius Posted January 7, 2017 Author Share Posted January 7, 2017 Si tu regarde bien le changement ce fait dans un fichier qui s'appel inline. donc impossible trouver ou ca se trouve Link to comment Share on other sites More sharing options...
BriceVanZeg Posted January 7, 2017 Share Posted January 7, 2017 (edited) 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 January 7, 2017 by BriceVanZeg (see edit history) Link to comment Share on other sites More sharing options...
Tridarius Posted January 7, 2017 Author Share Posted January 7, 2017 Oui je voie ce que tu veux dire. J'ai effectivement mit un margin bottom avec différents réglages. Mais ca bug un petit peux. Je vais devoir un trifouiller tout ca !Mais si c'est pas 100% je te remercie des pistes que tu m'a apporté. Bonne soirée BriceVanZeg Link to comment Share on other sites More sharing options...
Tridarius Posted January 7, 2017 Author Share Posted January 7, 2017 Malheureusement après plusieurs essai rien de concluant mais un super merci tout de meme pour t'être penché sur mon problem Link to comment Share on other sites More sharing options...
Tridarius Posted January 11, 2017 Author Share Posted January 11, 2017 Ça y es, j'ai trouvé la solutionJe 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 More sharing options...
Gnast Posted January 11, 2017 Share Posted January 11, 2017 Bonjour, En effet le "hover" permet d'ajouter du style a un élément de ton site lorsque tu passes ta souris dessus, j’espère que cela te donnera une idée pour la prochaine fois Link to comment Share on other sites More sharing options...
Tridarius Posted January 11, 2017 Author Share Posted January 11, 2017 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 More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now