Product thumbnails

Hi!
In this topic it is an example with how to show all the thumbnails bellow product image:
https://xtemos.com/forums/topic/single-product-page-show-all-thumbnails/#post-21658
Is there a way to make the thumbnails to open in pretyphoto when clicked?
Thank you!

Hi,

Unfortunately, it is not possible to achieve with that simple CSS code.

Regards

I tried to modify myself the functions.js but with no success.
i don’t modify some files if you can help me.
Thank you!

Could you please describe what exactly you would like to achieve and send us your product page link?

Hi!
The link of the product is in the private content. I need to display all the thumbnails of the product (only on desktop) because i have many product options and the left column is empty. I managed to display the thumbnails with custom css from here:
https://xtemos.com/forums/topic/single-product-page-show-all-thumbnails/#post-21658
But i also want that when i click on a thumbnail to display the image in prettyphoto.
I don’t mind to edit the functions.js or any other file if needed.
Thank you!

You didn’t send the product link yet.

This is the link
https://www.girocompany.ro/produs/hot-tub-deluxe-mini-piscina-jacuzzi-din-fibra-de-sticla/

Thank you!

Try to add the following code snippet to the Custom JS area on document ready in Theme Settings

jQuery('.thumbnails').on('click', '.owl-item', function(e) {
	jQuery('.woocommerce-product-gallery__wrapper').find('.owl-item').eq(jQuery(this).index()).find('a').click();
});

Hi!
It worked so well!
I left a review for you on themeforest. (by cristiancdan)
Maybe you will consider adding this custom mod as a feature. There are many products that have a lot of options or a long “short description” that creates the empty space bellow the product thumbnails on desktop.
Thank you!

Hello,

Thank you very much for the review! We highly appreciate it.

Kind Regards

[Author]

Posts