First find style.css (located at: skin/frontend/default/yourtemplatename/css/style.css) (make sure you make a backup of the file) add the following styles:

/* hoverbox product grid pop-up */
.hoverbox {cursor: default; list-style: none;}
.hoverbox a {cursor: default;}
.hoverbox a .preview {display: none;}
.hoverbox a:hover .preview {display: block; position: absolute; top: 0px; left: 0px; z-index: 1; }
.hoverbox img {color: inherit; padding: 0px; vertical-align: top; width: 155px; height: 155px; }
.hoverbox li { color: inherit; display: inline; float: left; margin: 3px; padding: 5px; position: relative; }
.hoverbox .preview { border-color: #000; vertical-align: top; width: auto; height: 280px; }

Second, locate the file name list.phtml (located at: app/design/frontend/yourtemplatename/template/catlog/product/list.phtml) (make sure you make a backup first ) and make the following changes:

find: <ul class="products-grid">  ... somewhere around line 97

modify it to the following:  <ul class="products-grid hoverbox">

Next find the following syntax - or similar (around line 100):

<p class="product-image">
<a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" class="product-image">
<img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(150); ?>" width="150" height="150" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" /></a>
</p>

Change it to the following:

<p class="product-image">
<a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" class="product-image">
<img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(155); ?>" width="155" height="155" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" /><img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(280); ?>" width="280" height="280" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" class="preview"/></a>
</p>

Reload both the files back onto your webserver in the correct directories (make sure you rename the original file names to style-orig.css and list-orig.phtml first - for backup). You may also want to make changes to new.phtml (located in the same directory) if you are using the "new products" function on the home page of your cart.

Please note that you can change the sizes of the pop-up images in the style.css file and should also make corresponding changes to list.phtml. Feel free to experiment with sizes until you get the desired effect.

You can see the full effect of this modification at: http://www.eazyclick.com

How to add actions to Photoshop Elements 10

To add actions to the action player, if you’re using Windows 7 or Vista, just save ithe action script into:

C:\ ProgramData\Adobe\Photoshop Elements\10.0\Locale\en_US\Workflow Panels\Actions
(the “en_US” part is different if you aren’t in the United States).

For Windows XP, save it in:
C:\Documents and Settings\All Users\Application Data\Adobe\Photoshop Ele- ments\10.0\Locale\en_us\Workflow Panels\Actions
(ditto on the en_US info).
(You need to turn on hidden folder viewing for Windows operating systems, since these are hidden files.)

On a Mac, load the action script into:
HardDrive➝ Library➝Application Support➝Adobe➝Photoshop Elements➝10.0➝Locale➝en_ US➝Workflow Panels➝Actions
(as in Windows, the “en_US” part is different if you aren’t in the U.S.).

If you have the Mac App Store version:
Go to Applications and right-click/Control-click Adobe Photoshop Elements Editor, then choose:
Show Package Contents➝Contents➝Application Data➝Photoshop Elements➝10.0➝Locale➝en_US (or your location)➝Workflow Panels➝Actions.
(You'll see a message that the Actions folder can't be modified; click Authenticate and enter your OS X password when asked, and then you can put the action there.)

However, if the action has stops or requires the use of the layers panel, you'll want to install it in the effects panel instead.

Not all Actions are compatible with PhotoShop Elements and the only way to find out is to install it and run it.

Answer: To fix just clear your browser cache (System> Cache Management), then logout and log back into your magento store. You may also need to re-index your data (System>Index Management).