Как сделать слайд-шоу по фотографиям товара open cart?

Question

[NOONE]

Добрый день, нужна помощь, кто может подсказать как сделать ("слайд шоу" по фотографиям товара) в open cart
demo.myopencart.ru/index.php?route=product/product...

Вот ссылка на пример, если нажать на фото товара, появляется навигация по фото.

Спасибо!

Answer 1

[nowm]

Для каждого тега A, который ссылается на картинку и который должен стать частью серии, нужно указать класс «colorbox». А во время инициализации Colorbox нужно добавить параметр, который их свяжет по этому классу.

$(document).ready(function() {
	$('.colorbox').colorbox({
		overlayClose: true,
		opacity: 0.5,
		rel: "colorbox"
	});
});

Здесь rel: "colorbox" как раз указывает на то, что нужно связать в серию всё, что имеет класс colorbox.

Comments

[NOONE]

Спасибо большое, но где это прописывать?

[nowm]

@Djam36 В шаблоне /catalog/view/theme/default/template/product/product.tpl. Сделайте поиск по фразе $('.colorbox').colorbox({ и вы увидите этот кусок кода. Это всё находится где-то после 300-й строки. Я точно не скажу, так как, в зависимости от конкретно вашего шаблона (и/или версии Opencart), номера строк могу отличаться. Но этот код точно должен быть в файле product.tpl. Так же, если у вас не default-шаблон, то файл product.tpl находится по этому пути: /catalog/view/theme/название_шаблона/template/product/product.tpl.

[nowm]

А для тегов A наверное даже не нужно будет ничего менять, так как там всё уже прописано нормально.

[NOONE]

Спасибо огромное, вы меня сильно выручили!;)