[Решено] Основную картинку в дополнительные на странице продукта

Необходимо сделать такую штуку.
У товара есть несколько фото например фото1 фото2 фото3
На странице продукта выводится фото1 в полный рост и две превью фото2 фото3 т.е. кликнув на другое фото мы уже никак не посмотрим фото1 т.к. его нет в превью

В коде вывода product.tpl вот такой текст

Код:

<div class="product-info">
	<?php if ($thumb || $images) { ?><div class="left">
	  <?php if ($thumb) { ?>
<div class="image"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="cloud-zoom colorbox" id='zoom1' rel="adjustX: 0, adjustY:0, tint:'#000000',tintOpacity:0.2, zoomWidth:360, position:'inside', showTitle:false"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" /><span id="zoom-image"><i class="zoom_bttn"></i> Увеличить</span></a></div>
	  <?php } ?>
	  <?php if ($images) { ?>
<div class="image-additional">
		<?php foreach ($images as $image) { ?>
		<a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '<?php echo $image['thumb']; ?>' "><img src="<?php echo $image['thumb']; ?>" width="62" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>
		<?php } ?>
	  </div>
	  <?php } ?>
	</div>
	<?php } ?>

Подскажите что нужно исправить чтобы основное фото1 так же отображалось в превью.

 

после

Код:

<div class="image-additional">

вставьте

Код:

<?php if ($thumb) { ?>
<a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '<?php echo $thumb; ?>' "><img src="<?php echo $thumb; ?>" width="62" height="62" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>
<?php } ?>