Hi,
Good job with the video.
You can try this;
Open this file:
ROOT/templates/<yourjoomlatemplate>/html/com_virtuemart/productdetails/default.php
Find these lines:
jQuery('#flexible-zoom-additionalImagesWrap').jCarouselLite({
btnNext: '.next',
btnPrev: '.prev',
scroll: 1,
visible: 3,
circular: false
});
and change it with this:
jQuery('#flexible-zoom-additionalImagesWrap').jCarouselLite({
btnNext: '.next',
btnPrev: '.prev',
scroll: 1,
visible: 2,
circular: true
});
In these JAVA lines, let me explain you the parameters;
visible: The visible thumbnails inside the slider once the page gets loaded
circular: Enable or Disable the infinite loop.
scroll: Thumbnail(s) that slides each time the NEXT or PREV is clicked.
You can play around with those parameters until you get the best result. If you usually have 2 thumbnails for products, then it makes sense to change the
visible: to 2, so there won't be extra space on the right hand side of thumbnails in your website and i am sure this change will fix the problem you are having.
Regards.