Templar77400 Posted July 22, 2014 Share Posted July 22, 2014 (edited) Hello,Simple question, I'd like to disable this effect in the product list because it doesn't work on Chrome.This effect is only visible when the list is set on "grid".Or if you have a solution to make it work on Chrome it would be great.Too sad this kind of thing from the default template doesn't even work on every browser :/ Edited July 24, 2014 by Templar77400 (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted July 22, 2014 Share Posted July 22, 2014 you mean "hover" effect or ajax add to cart effect? Link to comment Share on other sites More sharing options...
Templar77400 Posted July 22, 2014 Author Share Posted July 22, 2014 The hover effect yes when you hover a product, the "add to cart" appear etc ...I don't want this if possible ^^Thanks vekia Link to comment Share on other sites More sharing options...
vekia Posted July 23, 2014 Share Posted July 23, 2014 check this topic: http://www.prestashop.com/forums/topic/328820-removing-ajax-hover/ i think that this is what you're looking for :-) Link to comment Share on other sites More sharing options...
Templar77400 Posted July 24, 2014 Author Share Posted July 24, 2014 (edited) Thank you vekiaI found a simple solution, in product_list.scss, in the product grid styles : @media (min-width: $screen-lg) { // min 1200px &.hovered { /*.product-container { @include box-shadow(rgba(black, 0.17) 0 0 13px); position: relative; z-index: 10; .content_price { display: none; } .product-image-container { .content_price { display: block; } .quick-view { display: block; } } .functional-buttons, .button-container, .comments_note { display: block; } }*/ } } Comment the "hover" part. Same here if you don't want the h5 title to move when you hover : li.hovered{ h5{ //min-height: 30px; } In lower screen resolution, the "Add to Cart" and "More Details" were still displayed, but it's very easy to take them off in the css Same for the reviews.Look in .button-container, .fonctional-buttons, .comments_note Edited July 24, 2014 by Templar77400 (see edit history) Link to comment Share on other sites More sharing options...
Hemant Choudhary Posted September 16, 2016 Share Posted September 16, 2016 Dear Developers i am using prestashop version 1.6.1.6 to now upgraded in 1.6.1.7 i want stop the image hover in product container so how to stop this in .scss .tpl or any other vnushop.com Link to comment Share on other sites More sharing options...
vekia Posted September 27, 2016 Share Posted September 27, 2016 what theme you use? default one? Link to comment Share on other sites More sharing options...
Hemant Choudhary Posted September 27, 2016 Share Posted September 27, 2016 leo theme Ap_Superstore 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