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!

[Author]

Posts