[solved]Rollover List Thumbnail with first additional image

Code: Select all

$image = $this->model_tool_image->resize($result['image'], $this->config->get('config_image_product_width'), $this->config->get('config_image_product_height'));
				} else {
					$image = false;
				}

Code: Select all

$images = $this->model_catalog_product->getProductImages($result['product_id']);

				if(isset($images[0]['image']) && !empty($images[0]['image'])){
						$images =$images[0]['image'];
					} 

Code: Select all

$this->data['products'][] = array(
					'product_id'  => $result['product_id'],
					'thumb'       => $image,

Code: Select all

'thumb_swap'  => $this->model_tool_image->resize($images, $this->config->get('config_image_product_width'), $this->config->get('config_image_product_height')),

Code: Select all

<script language="javascript" src="catalog/view/theme/*yourtheme*/js/simpleswap.js"></script>

Code: Select all

      <?php if ($product['thumb']) { ?>
      <div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>
      <?php } ?>

Code: Select all

       <?php if ($product['thumb_swap']) { ?>
      <div class="image"><a href="<?php echo $product['href']; ?>"><img oversrc="<?php echo $product['thumb_swap']; ?>" src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" style="border:none"/></a></div>

          <?php } else {?>

      <div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" style="border:none"/></a></div>

      <?php } ?>

Code: Select all

$images = $images[0]['image']; 

Code: Select all

$swapImg = $images[0]['image'];