Skip to main content

Problem with image overflow just in some articles

More
12 years 7 months ago #143878 by condorazul
www.lacestamagica.com/cestas-para-bebes/...-cesta-bebe-siestita
You can see in this link that the images are properly displayed
but in this one
www.lacestamagica.com/cestas-para-bebes/...5-cesta-bebe-paseito
if you choose another image, the div does not adapt its dimensions and overflows it

Please Log in or Create an account to join the conversation.

More
12 years 7 months ago #143885 by Eliot
Hi there,

What are your parameters in the main configuration for the images (System>Configuration>Display)?
Also, did you changed anything in the CSS or the views that could occur that?

Please Log in or Create an account to join the conversation.

More
12 years 7 months ago #143931 by condorazul
i just have two selected miniature width 210px
and width in product page 400 px

I did a lot of css work and view changes but if it works in 98% of the products and they are in the same module etc... i dont know why there are three that does not work

Please Log in or Create an account to join the conversation.

More
12 years 7 months ago #143982 by nicolas
Your CSS:
div.hikashop_product_main_image_subdiv a img#hikashop_main_image {
max-height: 300px;
width: auto;
}

should actually be:
div.hikashop_product_main_image_subdiv a img {
max-height: 300px;
width: auto;
}

And that way you wouldn't have that issue.

Please Log in or Create an account to join the conversation.

More
12 years 7 months ago #144356 by condorazul
i change the code, nothing happened

Please Log in or Create an account to join the conversation.

More
12 years 7 months ago #144516 by nicolas
Add also that CSS:
.hikashop_product_main_image{ height: auto !important;}

It basically happens because you didn't force the height on the product page image in the configuration but only the width and thus the system takes the height of the first image while on that seconde page the height of the other images is bigger than for the main one and that's why you get the overlap. That CSS will allow the div height to adapt to the height of the current image and avoid the overlap.

Please Log in or Create an account to join the conversation.

Time to create page: 0.173 seconds
Powered by Kunena Forum