Дублирование главного изображения товара при просмотре в стороннем шаблоне

[Seman]

И ещё раз доброго времени суток!

 

Продолжаю мучить шаблон Kingstore, установленный на Opencart 2.1.0.1. Разрабы, я так понял, допиливать его не хотят, поэтому вся надежда на знающих и отзывчивых форумчан.

 

Проблема вот в чём - при просмотре фото товара, первая фотография дублируется. Т.е. если начать просмотр с главного изображения, то придётся кликнуть два раза при перелистывании, чтобы перейти ко второму-третьему и т.д. изображению.

 

Обязательные плюсы всем, кто хотя бы даст наводку, где копать.

 

Ссылка для наглядности http://replica-fashion.com.ua/index.php?route=product/product&product_id=335

 

[n3bo]

а переключившись на 2 изображение, как потом можно будет вернуть 1?

[Seman]

а переключившись на 2 изображение, как потом можно будет вернуть 1?

Ещё раз спасибо, что откликнулись.

Но ведь в дефолтной теме всё работает как надо, хоть с какого начни просмотр. Я пытался сравнить просмотр товара "дефолта" и "Kingstore", но т.к. с кодами не особо дружу, то методом тыка ничего не получилось. Я так понимаю, Вы намекаете на то, что реализация просмотра в "Kingstore" реализована так, что по-другому просто не получится?  :( 

[PeterStudio]

Смотрите файл product.tpl Вашей темы, там где вывод миниатюр слева, нужно начать вывод со второй картинки

[Seman]

Смотрите файл product.tpl Вашей темы, там где вывод миниатюр слева, нужно начать вывод со второй картинки

Спасибо за наводку, но мои усилия оказались безрезультатными  :(

Всё что мне удалось понять, так это то, что вот этот скрипт вроде как отвечает за сие действие:

<script type="text/javascript"><!--
$(document).ready(function() {
	$('.popup-gallery').magnificPopup({
		delegate: 'a',
		type: 'image',
		tLoading: 'Loading image #%curr%...',
		mainClass: 'mfp-img-mobile',
		gallery: {
			enabled: true,
			navigateByImgClick: true,
			preload: [0,1] // Will preload 0 - before current, and 1 after the current image
		},
		image: {
			tError: '<a href="%url%">The image #%curr%</a> could not be loaded.',
			titleSrc: function(item) {
				return item.el.attr('title');
			}
		}
	});
});
//--></script>  

... но фортуна мне не улыбнулась :cry:

Может кто знает, чего тут "нахимичить" дабы "счастье вдруг пришло"??? )))))) 

Змінено 4 вересня 2016 користувачем Seman

[PeterStudio]

Это не то место, ищите там где будет цикл foreach перебирать изображения.

В оригинальном шаблоне вот это:

<?php foreach ($images as $image) { ?>
<li class="image-additional"><a class="thumbnail" href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>"> <img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></li>
<?php } ?>

[Seman]

 

Это не то место, ищите там где будет цикл foreach перебирать изображения.

В оригинальном шаблоне вот это:

<?php foreach ($images as $image) { ?>
<li class="image-additional"><a class="thumbnail" href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>"> <img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></li>
<?php } ?>

 

Нашёл вот такой кусок:

 <?php foreach ($images as $image) { ?>
						        <li><p><a href="<?php echo $image['popup']; ?>" data-image="<?php echo $image['popup']; ?>" data-zoom-image="<?php echo $image['popup']; ?>"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></p></li>
						        <?php } ?>

[PeterStudio]

Ну всё, правьте код))))

[Seman]

Ну всё, правьте код))))

Легко сказать ))))))))

[Seman]

Он большой и для меня непонятный )))))

<?php if ($images && $theme_options->get( 'position_image_additional' ) != 2) { ?>
				      <div class="col-sm-12">
					      <div class="thumbnails clearfix">
					      	<ul>
					      		<?php if($theme_options->get( 'product_image_zoom' ) != 2 && $thumb) { ?>
					      		<li><p><a href="<?php echo $popup; ?>" data-image="<?php echo $thumb; ?>" data-zoom-image="<?php echo $popup; ?>"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></p></li>
					      		<?php } ?>
						        <?php foreach ($images as $image) { ?>
						        <li><p><a href="<?php echo $image['popup']; ?>" data-image="<?php echo $image['popup']; ?>" data-zoom-image="<?php echo $image['popup']; ?>"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></p></li>
						        <?php } ?>
					        </ul>
					      </div>
				      </div>
				      <?php } ?>
			      </div>
			    </div>

Змінено 5 вересня 2016 користувачем Seman

[PeterStudio]

За Вас пришлось сделать)))

Попробуйте так: 

<?php $ii=0; ?> 
<?php foreach ($images as $image) { ?>
<?php if ($ii != 0) { ?>
<li><p><a href="<?php echo $image['popup']; ?>" data-image="<?php echo $image['popup']; ?>" data-zoom-image="<?php echo $image['popup']; ?>"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></p></li>
<?php } $ii++; } ?>

И если надо будет поменяйте индекс, наверное нужен 0 или 1. ($ii != 0) или ($ii != 1)

[Seman]

За Вас пришлось сделать)))

Попробуйте так: 

<?php $ii=0; ?> 
<?php foreach ($images as $image) { ?>
<?php if ($ii != 0) { ?>
<li><p><a href="<?php echo $image['popup']; ?>" data-image="<?php echo $image['popup']; ?>" data-zoom-image="<?php echo $image['popup']; ?>"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></p></li>
<?php } $ii++; } ?>

И если надо будет поменяйте индекс, наверное нужен 0 или 1. ($ii != 0) или ($ii != 1)

Я Вам очень благодарен! Попробовал и с 1 и с 0, к сожалению всё без изменений ((( Кеш чистил, модификаторы поотключал... всё равно дублируется, хоть ты ему что )))))  :ugeek:

[PeterStudio]

Напишите мне в ЛС