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

Тема в разделе "OpenCart", создана пользователем noobie, 5 июн 2013.

Статус темы:
Закрыта.
  1. noobie

    noobie

    Регистрация:
    27 мар 2013
    Сообщения:
    173
    Симпатии:
    22
    Необходимо сделать такую штуку.
    У товара есть несколько фото например фото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 так же отображалось в превью.
     
  2. 130983

    130983

    Регистрация:
    10 дек 2012
    Сообщения:
    168
    Симпатии:
    145
    после
    Код:
    <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 } ?>
     
    noobie нравится это.
Статус темы:
Закрыта.