Прокрутка фото на странице товара

[shulp]

Всем добрый вечер. Решил сделать на сайте прокрутку фото на странице товара, как на сайте магазина Brandshop.ru . Суть в том, что надо чтобы фото листалось прямо на странице, а не открывалось как отдельное окошко. Искал такой модуль на просторах сети и ничего не нашел. Может кто владеет информацией, как это сделать? Заранее огромное спасибо!

[Tom]

Не указана версия.В 2.0 можно использовать родной скрипт owl carousel.

[shulp]

Не указана версия.В 2.0 можно использовать родной скрипт owl carousel.

 

Версия 1.5.6.4

[cloudrc]

Т.е. Вам нужно, чтобы при клике на доп. изображение оно подставлялось вместо основного?

[shulp]

Т.е. Вам нужно, чтобы при клике на доп. изображение оно подставлялось вместо основного?

 

Да. или можно стрелочками)

[cloudrc]

Для смены при клике:

 

В файле /catalog/controller/product/product.php:

 

После:

'popup' => $this->model_tool_image->resize($result['image'], $this->config->get('config_image_popup_width'), $this->config->get('config_image_popup_height')),

Вставить:

'addthumb' => $this->model_tool_image->resize($result['image'], $this->config->get('config_image_thumb_width'), $this->config->get('config_image_thumb_height')),

После:

$this->load->model('tool/image');

Вставить:

if ($product_info['image'])
	$this->data['addpopup'] = $this->model_tool_image->resize($product_info['image'], $this->config->get('config_image_additional_width'), $this->config->get('config_image_additional_height'));
else
	$this->data['addpopup'] = '';

В файле /catalog/view/theme/default/template/product/product.tpl

 

В самом конце перед <?php echo $footer; ?> вставить:

<?php if ($images) { ?>
<script type="text/javascript"><!--
$(function(){
	var imgs = <?php echo json_encode($images); ?>;
	var html = '';
	$.each(imgs,function(i,image){
		html += '<div class="image" style="display:none;"><a href="' + image.popup + '" title="<?php echo $heading_title; ?>" class="colorbox">';
		html += '<img src="' + image.addthumb + '" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></div>';
		$('.image-additional').before(html);
		html = '';
	})
	html = '<a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>">';
	html += '<img src="<?php echo $addpopup; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>';
	$('.image-additional').prepend(html);
	var images = $('div.left .image');
	var thumbs = $('.image-additional a');
	thumbs.removeClass('cboxElement').removeClass('colorbox');
	images.children('a').colorbox({rel:'colorbox'});
	thumbs.on('click',function(e){
		e.preventDefault();
		images.hide();
		images.eq(thumbs.index(this)).show();
	});
});
//--></script>
<?php } ?>

[shulp]

Не помогло(

[cloudrc]

Не помогло(

Попробовал только что поставить на чистый 1.5.6.4, работает

Попробуйте заново)

[shulp]

Попробовал только что поставить на чистый 1.5.6.4, работает

Попробуйте заново)

 

Мы правильно друг друга поняли, надо чтобы фото менялось не в всплывающем окне было и не в новой вкладе. а именно прям на этой же странице

[cloudrc]

Мы правильно друг друга поняли, надо чтобы фото менялось не в всплывающем окне было и не в новой вкладе. а именно прям на этой же странице

Да, при клике на дополнительное изображение оно встанет на место основного