Deixarem la llibreria Lightbox al directori js del nostre template
Editem el fixer app/desing/frontend/default/<template>/template/catalog/product/view/media.phtml
i retoquem el codi entre la condició if (count($this→getGalleryImages())
<?php if (count($this->getGalleryImages()) > 0): ?>
<script type="text/javascript" src="<?php echo $this-> getSkinUrl('') ?>js/lightbox/js/prototype.js"></script>
<script type="text/javascript" src="<?php echo $this-> getSkinUrl('') ?>js/lightbox/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="<?php echo $this-> getSkinUrl('') ?>js/lightbox/js/lightbox.js"></script>
<link rel="stylesheet" href="<?php echo $this-> getSkinUrl('') ?>js/lightbox/css/lightbox.css" type="text/css" media="screen" />
<div class="more-views">
<h4><?php echo $this->__('More Views') ?></h4>
<ul>
<?php foreach ($this->getGalleryImages() as $_image): ?>
<!--
<li>
<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;"><img src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize(120); ?>" alt="<?php echo $this->htmlEscape($_image->getLabel()) ?>" title="<?php echo $this->htmlEscape($_image->getLabel()) ?>" /></a>
</li>
-->
<?
if($this->htmlEscape($_image->getLabel()) != '')
$title = $this->htmlEscape($_image->getLabel());
else
$title = $this->htmlEscape($_product->getName());
?>
<li>
<a href="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize(600); ?>" rel="lightbox[roadtrip]" title="<?php echo $title; ?>"><img src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize(120); ?>" alt="<?php echo $title; ?>" title="<?php echo $title; ?>" /></a>
</li>
<?php endforeach; ?>
</ul>
</div>
<?php endif; ?>