Quick View icon/image on hover

Store Design
1

hello.

in the quick view option, I want to add this feature > one someone hovers over the image they get a quick view option (but with an image of my choice uploaded). once they hover over my choice of image it changes color ( i know i will need to design this as a vector in illustrator, but how do i incorporate it into my quick view?)

sample below

shopify-quickview.png
shopify-quickview.png2608×1140 368 KB

1: Status of the product card.

2: Status of the product card once hovered over.

3: Status of product card once hovered over the “quick shop” icon.

the name of the website using this method is organic zoo, and i know they are using shopify i checked the source.

2

Hey @stitchesdxb !

I’d be happy to help you with that quick view feature! It’s definitely doable, but we’ll need to make some code changes to get it working.

Could you share your website’s URL with me? That way, I can take a look and provide you with the code to make it happen.

Kind Regards,
Roy

3

hello.

website is

stitchesdxb.ae

thanks

1 Like
4

Hi @stitchesdxb

I have had a look at the store. I am unable to find to section you have mentioned above. Is it on the specific page or the section is yet to be made?

5

it is yet to be made. The website i got this design from in my sample is

1 Like
6

Hey @stitchesdxb ,
Let me know if you need help with anything.

7

yes i didnt get an answer yet..

you can find the sample of quick view and hover in this following website “its not my website”

www.organic-zoo.com

8

Can Someone help me with this?

9

Hi @stitchesdxb

Sorry my reply got a bit late. The development is of custom in nature and it can only be done in the theme edit code window. I am unable to help you further on this in the community itself.

Kind regards,
Roy