I found out Product Gallery thumbnail display only one image. How can i display all of it? Because if you have 5 imgs on gallery but thumbnail display only one is not a good user interface.
I upload total 3 image, 1 featured image and 2 in product gallery image. But it display only 2, the big featured img and 1 small thumbnail of product gallery. No mater how many img upload in product gallery, it's only display 1 small thumbnail.
It's still can be view if i use arrow slide click navigation. But i want it display all the thumbnails. Because if not, it's like hidden to customer and they may miss to view it.
Hi,
I found out Product Gallery thumbnail display only one image. How can i display all of it? Because if you have 5 imgs on gallery but thumbnail display only one is not a good user interface.
It does, from my tests
https://prnt.sc/w4FmaMSCZcWp
you should also check the product page settings to check if there is a setting to modify the gallery display?
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Seem like you miss understanding.
I upload total 3 image, 1 featured image and 2 in product gallery image. But it display only 2, the big featured img and 1 small thumbnail of product gallery. No mater how many img upload in product gallery, it's only display 1 small thumbnail.
It's still can be view if i use arrow slide click navigation. But i want it display all the thumbnails. Because if not, it's like hidden to customer and they may miss to view it.
Try adding the following in customizer -> additional css
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
position: relative;
}
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Thank you, the css works. This ticket can be close.