Magento More View Image Switcher On MouseOver Product Page

Step1. open file on location given below
app/design/frontend/default/default/template/catalog/product/view/media.phtml

Step2. Search the code in media.phtml file
<a href=”#” onclick=”popWin(‘<?php echo $this->getGalleryUrl($_image) ?>’, ‘gallery’, ‘width=300,height=300,left=50,top=50,location=no,status=yes,scrollbars=yes,resizable=yes’); return false;”>
<!–nested img tag stays the same–>
</a>

Step 3. Replace searched code with code below.
<a href=”<?php echo $this->helper(‘catalog/image’)->init($this->getProduct(), ‘image’, $_image->getFile()); ?>” title=”<?php echo $_product->getName();?>” onmouseover=”$(‘image’).src = this.href; return false;”>
<!–nested img tag stays the same–>
</a>

Advertisements

2 thoughts on “Magento More View Image Switcher On MouseOver Product Page

  1. Pingback: All Catogory Listing in Magento | Magento For Fresher

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s