• 

  vincentdv

  Participant

  April 2, 2021 at 13:53

  Hi, I would like to achieve this effect, when I hover over the product, the image will scale a little. I tried adding custom css, but the whole wrapper including the price and basket move.

  Please, contact administrator
  for this information.

  #282300 Copied Theme version: 7.4.2

  1 Answer

  

  Rose Tyler

  Support staff

  April 2, 2021 at 14:00

  Hello,

  Try to use this custom CSS code:

  .products-loop .product:hover img{
      -webkit-transform: scale(1.1) translateY(-4px);
      -ms-transform: scale(1.1) translateY(-4px);
      transform: scale(1.1) translateY(-4px);
  }
  .products-loop .product img {
      -webkit-transform: scale(1.1) translateY(4px);
      -ms-transform: scale(1.1) translateY(4px);
      transform: scale(1.1) translateY(4px);
      -webkit-transition: .35s cubic-bezier(.25,.46,.45,.94);
      -o-transition: .35s cubic-bezier(.25,.46,.45,.94);
      transition: .35s cubic-bezier(.25,.46,.45,.94);
  }

  Regards

  #282302 Copied