[ImperiumCreative]

Greetings!!

Thanks so much for your help on my last request. I appreciate the support y’all give your customers. It definitely shows that I made the right choice in purchasing this theme.

I’m almost done with the site and getting ready to go live, however, the product pages only show the first 4 images in the product photo thumbnails. When you “zoom” in the photo, you can scroll through all of them, but you can only see 4 without zooming in. This is on Firefox. On Chrome, it was only showing 3.5 photos.

Here is a screenshot of what I’m talking about:https://royalsparrowdesigns.com/wp-content/uploads/2020/06/Screen-Shot-2020-06-23-at-3.06.56-PM.png

I would like for it to display upwards of 10 images in the thumbnails instead of just 4.

Thanks so much!

[Althemist]

Hi ImperiumCreative,

It’s because of your product images aspect ratio. There is no enough space to accommodate them vertically on the left side. In your case, the best way would be to reposition the additional images bellow the main image. You can use the following CSS to do so:

div.product div.images, #content div.product div.images {
        padding: 0;
}
span.onsale {
        top: 30px;
        left: 30px;
}
div.product div.images ol.flex-control-nav, #content div.product div.images ol.flex-control-nav {
        width: 100%;
        position: relative;
        padding-top: 20px !important;
        text-align: left;
}
div.product div.images ol.flex-control-nav li, #content div.product div.images ol.flex-control-nav li {
        margin-right: 5px;
}

regards,
Dimitar

[Author]

Posts