Product pictures moves to different image when you move over it

Store Design
1

Hi

I have recently gone live with my shop Products – Eadiechops when i move my cursor over a product image the image changes to one of my fabric swatches and i wondered if there is anyway of keeping the one product image in place on the shop screen? I am using studio theme

Thanks

2

Hi @eadiechops ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/component-card.css->paste below code at the bottom of the file:
.card-wrapper:hover .media.media--hover-effect>img+img {
    opacity: 0 !important;
}

.card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child) {
    opacity: 1 !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

3

No sorry this didnt work it just removed all product images