Resolvedfull width product page
Tagged: full width, overlay, Product page, variations
- This topic has 2 replies, 2 voices, and was last updated 3 years ago by
JuinePaski.
- AuthorPosts
- November 23, 2020 at 11:20 pm #27328
JuinePaski
ParticipantHi,
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
November 24, 2020 at 3:17 pm #27384Althemist
KeymasterHello 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,
DimitarNovember 25, 2020 at 2:46 am #27403JuinePaski
ParticipantThanks althemist will try this and let you know how it pans out
- AuthorPosts
You must be logged in and have valid license to reply to this topic.