Problem with image in custom product page
-
Hi, we have made a custom page for the products.
The page is full widht; when you open the page the image doesn’t cover 100% of the column. and you resize the page the image becomes 100%.
https://gyazo.com/c749281ebf93ebe2bd177033bb700dc0
thanks
Hello,
Actually, the Thumbnail style that you had selected under the Layout was Without Thumbnails, so as it was working as a Carousel, it was taking a bit of certain space according to its container so that’s why when you resize or zoom out, the container was adjusted accordingly.
So, we changed that Thumbnail Style to 1 Column style and now the Image loads perfectly fine like you want without resizing or zooming out. As you don’t have gallery images for those Products so it’s better to get along with the now selected Thumbnail style. It will work accordingly for you.
Best Regards
Thanks for the reply. However, we cannot understand why is show the white stripe that you find in the attached image.
Attachments:
You must be
logged in to view attached files.
Hello,
There was a margin-bottom defined on the Product Image wrap which is why that White Gap was appearing, we have now adjusted it on your Site with the help of following Custom CSS:
.thumbs-position-bottom_column .product-image-wrap { margin-bottom: 0 !important; }
And now the Image appears fine.
Please check back your Site after completely clearing browser and server cache.
Best Regards
Thanks, it works correctly.
Most Welcome!!!.
I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.
We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.
Thanks for contacting us.
Have a great day.
Topic Closed.
Best Regards.
The topic ‘Problem with image in custom product page’ is closed to new replies.