CODEWITHSUNDEEP
jquerymagento
user1197199
user1197199

Reputation: 13

Zoom capability in Catalog (not in product Page)

I'm on Magento 1.6.2. I want to have a zooming capability in the catalog page. When the customer hovers over a product image this should show a bigger picture like this http://demo.superdit.com/jquery/zoom_hover/. Note that I don’t want this in the product page, only in catalog.

I have fancybox and Jquery is this possible with these libraries? I dont want to use another extension if this is possible with the mentioned libraries.

Upvotes: 0

Views: 352

Answers (2)

user1197199
user1197199

Reputation: 13

I ended up using the CSS :hover selector changing the dimensions of the image to make it bigger and positioned it with an offset so that it looks like zooming.

Here is the code: 

:hover{
    height: 200px;
    margin-left: -55px;
    margin-top: -30px;
    position: absolute;
    width: 330px;
}

Upvotes: 1

RubbleFord
RubbleFord

Reputation: 7636

Fancybox doesn't give you this functionality however I've integrated both fancybox and magiczoom plus and had no issues at all. Been running in production for a while.

Need any pointers give me a shout.

Upvotes: 0

Related Questions