Product page, show all product images at the same time
-
1) I want all my product images to show at the same time instead of scrolling to decide
how do I do that?
2) I would like the images to have rounded edges
Attachments:
You must be
logged in to view attached files.
Hello,
You can choose and set the image layout in the Theme Settings > Single Products > Images > Thumbnails position https://gyazo.com/28a43b0177e7facf3feafc4ce4c5b827
Best Regards
Thanks for the answer but note that that’s not what I was asking
I want to show 8 images not 4 images
Hello,
You need to enable this option: https://monosnap.com/file/feXObPSZ6aKe4nZ1ZuZFltqmgaoort
Please add this code to the Theme Settings > Custom CSS > Desktop:
.product-image-summary .thumbs-position-bottom_grid .product-image-wrap:not(:first-child) {
max-width: 25%;
flex-basis: 25%;
}
Best Regards
Thanks for the reply, it didn’t work but I assume it makes all the images smaller so 8 can fit in,
That’s not what I was aiming for I want to keep the size but have it 2 lines
It doesn’t even have to be a carousel, I just want to show all the images at the same time
Hello,
Please follow the instruction above thoroughly and your thumbnails gallery would have 2 rows and 4 columns, like this: https://monosnap.com/file/1UUCxaYDEjLr7pyut10lX6vTqicm5T
You need to do two things:
1. Please enable this option: https://monosnap.com/file/feXObPSZ6aKe4nZ1ZuZFltqmgaoort
2. Please add this code to the Theme Settings > Custom CSS > Desktop:
.product-image-summary .thumbs-position-bottom_grid .product-image-wrap:not(:first-child) {
max-width: 25%;
flex-basis: 25%;
}
Best Regards
That’s the solution thanks
You are welcome! We are here to help.
Wish you a wonderful day!
.
