[JorgePires]

Hello great team!
Can you help me with the thumbnails display on product page?
If we have more than 6 images it looks not good!

Is it possible add a thumb slider or something like that in order to display 5 or 6 thumbs only?

Thank you.

[JorgePires]

This reply has been marked as private.

[Althemist]

Hello JorgePires,

So sorry for the late reply. We were on vacation out of the city for the Christmas and New Year holidays.

I am afraid you can’t have a slider there. In your case, may be the best option would be to move the additional images bellow the main image. You can do this with the following CSS:

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;
}

Hope this helps.

Regards,
Dimitar

[Author]

Posts