[JuinePaski]

Hi,

Is there a way to create a template for or adjust the products page so that it can utilize full width? I’m having an overlay issue when there are many images for product variations, the description tab shows over the last set of images. is there a way to fix this?

An easy fix that is: https://knockknocktt.com/product/mummy-me-hair-bonnet/ (eg page)

JP

[Althemist]

Hello JuinePaski,

In your case a fullwidth page would not help. The problem is that you have a lot of additional images. I’d suggest moving them bellow the main image (horizontally). 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

[JuinePaski]

Thanks althemist will try this and let you know how it pans out

[Author]

Posts