Okay
  Public Ticket #2493789
Product image change on hover
Closed

Comments

  • Fabio started the conversation
    August 4, 2020 at 2:25pm

    Hi,

    How can i configurate to the product change image when mouseover? See attachment for more details

  • Fabio replied
    August 12, 2020 at 6:21pm

    Any news?

  • [deleted] replied
    August 18, 2020 at 3:54am

    Hi Fabio,

    Sorry for the late reply.

    To config product change image when mouseover, you need go to admin -> Catalog -> Products -> Choose a product -> Set a image as thumbnail

    9008556603.png

    Then save and clear all cache.

    Hope it will help you.

    Thanks.

  • Fabio replied
    August 18, 2020 at 1:42pm

    Hi,

    This product is configured just like that: https://dev.drival.com.br/teste.html

    You can see here it didn't change when we do the mouseover: https://dev.drival.com.br/scanners.html?p=2

  • [deleted] replied
    August 19, 2020 at 3:08am

    Hi Fabio,

    Thanks for your reply.

    I've accessed your admin and it require me to change password. Could you do that help me?

    Thanks.

  •   Fabio replied privately
  • [deleted] replied
    August 21, 2020 at 10:58am

    Hi Fabio,

    Thanks for your reply.

    I've fixed for you, please clear all cache and check your site again in private browser.

    Thanks.

  • Fabio replied
    August 21, 2020 at 1:08pm

    Hi Loan,

    I see that now there is a second image, but the second image is the same of the first, i configured in the product backend a different image for thumbnail but still grabbing the "base image". Check this quick video: https://www.loom.com/share/3a5b7835916c428baaae672fb3fcc7c1

    Here is the category link of the video: https://dev.drival.com.br/scanners.html?p=2


    And there is another problem, in the cart is showing the product picture duplicated when i set a different thumbnail, check attached image

  • [deleted] replied
    August 23, 2020 at 2:30am

    Hi Fabio,

    For product picture duplicated, I've fixed for you, please clear all cache and check your site again in private browser.

    For hover show image, I'm so sorry for not explain for you clearly. You need to set image which hover show as Thumbnail and Base like that

    4570292463.png

    Hope it will help you.

    Thanks.

  • Fabio replied
    August 24, 2020 at 2:27pm

    Hi Loan,

    Now it's working perfectly. 

    Just one more fix, the product image when we make the hover is creating a additional space compared from others products in the bottom of the image, check the image attached. 

  • [deleted] replied
    August 25, 2020 at 6:55am

    Hi Fabio,

    Sorry for the late reply.

    I've fixed for you, please clear all cache and check your site again.

    Thanks.

  • Fabio replied
    August 25, 2020 at 1:55pm

    Hi Loan,

    It's almost fixed, but there is some small adjusments that are required: See this video: https://www.loom.com/share/58f3324d482543ec8c4a0a22b569a361

    1. The buy overlay effect is out of place.

    2. The bottom block of the products are moving when we make the hover

  • [deleted] replied
    August 26, 2020 at 2:24am

    Hi Fabio,

    Thanks for your reply.

    Firstly, I want you to confirm a little.

    1. What do you mean "the buy overlay effect is out of place"? Could you explain more?

    2. The bottom block of the products are moving when we make the hover

    Seem you add some style and now I don't see this error. Have you fixed it by yourself?

    Thanks.