Перейти к содержанию
shulp

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

Рекомендуемые сообщения

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

Версия 1.5.6.4

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

В файле /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 } ?>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Не помогло(

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.