Tag Archives: image

Magento – Adding Image Rollerover Effects to Product Lists

What I’m trying to accomlish is adding a roller over effect to the images.  I want the image to pop up in another layer on rollover.

As always, with any editing of any files that currently already work, make a BACKUP!

I like to copy and paste the file, then rename it .backup

First I add the code to the css file:

Then I want to edit my template file:

Find the line (about line 100-105) that contains:

add the php signs around that and comment it out, then add my following lines:

The image resize function all depends on how you have manento setup and the cache, but this should work.  Feel free leave comments on how this works.