Do you like AbanteCart? Please rate AbanteCart or share your experience with other eCommerce entrepreneurs. Go to Softaculous rating page to add your rating or write a review

Image Pop-Up is cut off at the bottom of the product page

Started by ItsAGr8Day, March 17, 2013, 05:20:48 AM

Previous topic - Next topic

ItsAGr8Day

When I go to my store to view a product, and click on the "enlarge image", the image comes up at the bottom of the page and half of it is cut off.  Is there a fix for this?

abantecart

Please  rate your experience or leave your review
We need your help to build better free open source ecommerce platform for everyone. See how you can help

ItsAGr8Day


abantecart

Can we see URL to this page? How big is your original image?
Please  rate your experience or leave your review
We need your help to build better free open source ecommerce platform for everyone. See how you can help

ItsAGr8Day

For some reason, I cannot post URLs here, and it is in process of changing, as today, I am switching the site to live, so it will probably be offline for a day while the dns is switched.  I will update and let you know when it is back online again and viewable.  Not sure of pic sizes.  Will update that later, too.

artist3412

I also have this issue. I use win 8 IE 10. I have other people using many different systems and IE versions testing for me and the result is the same for all. When you click on an image it cuts it off at the bottom when it enlarges. I have tested this with many different image sizes and result is the same. I think it has to do with a setting for pop ups.
To send light into the darkness of men's hearts - such is the duty of the artist.  ~Schumann

abantecart

Please  rate your experience or leave your review
We need your help to build better free open source ecommerce platform for everyone. See how you can help

abolabo

please open file public_html/storefront/view/default/javascript/jquery/thickbox/thickbox.css
go to line 53, css for #TB_window and replace top:10% by bottom:5% and save.
Then go to IE and press CTRL+F5 or refresh button on toolbar and check.
"No one is useless in this world who lightens the burdens of another."
― Charles Dickens

artist3412

That helped, you can see the whole length of the picture now, but it was showing over to the left too far (cutting image off on the left). I changed the left back to 50% and now it's perfect. Thank you very much.
To send light into the darkness of men's hearts - such is the duty of the artist.  ~Schumann

ItsAGr8Day

This is what mine looks like (there is no bottom):

#TB_window {
   position: fixed;
   background: #ffffff;
   z-index: 102;
   color:#000000;
   display:none;
   border: 4px solid #525252;
   text-align:left;
   top:50%;
   left:50%;

Should I add bottom in?


abolabo

"No one is useless in this world who lightens the burdens of another."
― Charles Dickens

ItsAGr8Day

I read that.  What I am saying, is that there is no bottom to change by 5%.  Should I add it under the "left" shown?

abolabo

no :) do not add..just replace "top" css-rule by "bottom"
Also you can try other % values there.
"No one is useless in this world who lightens the burdens of another."
― Charles Dickens

ItsAGr8Day

Thank you so much!  That worked!  I sell boys suits & tuxedos, and half the size chart was missing before. 

Forum Rules Code of conduct
AbanteCart.com 2010 -