Resolvedfull width product page

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #27328
    JuinePaski
    Participant

    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

    #27384
    Althemist
    Keymaster

    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

    #27403
    JuinePaski
    Participant

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

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register