Problem with image overflow just in some articles
- condorazul
-
Topic Author
- Offline
Less
More
12 years 7 months ago #143878
by condorazul
Problem with image overflow just in some articles was created 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
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.
12 years 7 months ago #143885
by Eliot
Replied by Eliot on topic Problem with image overflow just in some articles
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?
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.
- condorazul
-
Topic Author
- Offline
12 years 7 months ago #143931
by condorazul
Replied by condorazul on topic Problem with image overflow just in some articles
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
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.
12 years 7 months ago #143982
by nicolas
Replied by nicolas on topic Problem with image overflow just in some articles
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.
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.
- condorazul
-
Topic Author
- Offline
12 years 7 months ago #144356
by condorazul
Replied by condorazul on topic Problem with image overflow just in some articles
i change the code, nothing happened
Please Log in or Create an account to join the conversation.
12 years 7 months ago #144516
by nicolas
Replied by nicolas on topic Problem with image overflow just in some articles
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.
.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