How to make a slideshow of open cart product photos?

Question

CMS

Good afternoon, I need help, who can tell me how to make a ("slide show" based on product photos) in open cart
demo.myopencart.ru/index.php?route=product/product...
Here is a link to an example if you click on the photo product, photo navigation appears.
Thank you!

Answer 1

For each A tag that refers to an image and that should become part of the series, you need to specify the "colorbox" class. And during the initialization of Colorbox, you need to add a parameter that will connect them according to this class.

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

Here, rel: "colorbox" just indicates that you need to series everything that has the class colorbox .