Issue In Shop Page image

When I hover on the product image on the shop page, another image appears which is good. But the issue is that if the overlapping image is smaller than the main image, the main image is visible below the overlapping image. Can you guide what can I do about this issue? I have attached images of what I exactly mean. In which Image1.png shows the main Product image that appears on the shop page and Image2.png show the overlapping image marked with the underlying image.

Attachments:

You must be logged in to view attached files.

Hello,

You need to use images with all the same size. Otherwise, it is natural that you will see background image on hover because it has a larger size and the hover image doesn’t overlap it.

Regards

[Author]

Posts