[ooo1122]

when i add more 8+ pictures to product gallery. Front Product page display is confusion at gallery position. please check.

[Althemist]

Hi ooo1122,

If you have too many images the vertical list would not fit because of the absolute positioning. The only option would be move the additional images bellow the main image with CSS. Something like this:

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

In the next major update we will offer even more product gallery options, so you don’t need to write custom code fro this.

regards,
Dimitar

[Author]

Posts