Loop product page images

Hello,

I would like to loop images on product page. Now when you reach the last product image you have to go click the back arrow to see once again the images and it is really inconvenient. How can I modify it to – when you are at the final image and click the forward arrow just to go to the first image.

Also I would like the arrows on the images in a product page to be showed permanently, not just when you hover.

Last question – now when you try to zoom on product page image on mobile devices it is not working, however you can click on the image and see part of it zoomed. How I can fix it to zoom not by a click but by two fingers touch?

Kind regards

Hello,

Thank you so much for purchasing our theme and contacting our support center.

Unfortunately, it is not possible to make a loop there since it will break a lot of other functionality from WooCommerce and additional plugins.

As for the arrows, you can always show them with the following CSS code

body .owl-carousel.woocommerce-product-gallery__wrapper .owl-nav>div {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
}

Please, send us your website link so we can check your zoom problem.

Kind Regards
XTemos Studio

[Author]

Posts