AbanteCart Community

Shopping Cart Operations => Built-in Features => Existing features => Topic started by: ItsAGr8Day on March 17, 2013, 05:20:48 AM

Title: Image Pop-Up is cut off at the bottom of the product page
Post by: ItsAGr8Day on March 17, 2013, 05:20:48 AM: 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?
Title: Re: Image Pop-Up is cut off at the bottom of the product page
Post by: abantecart on March 17, 2013, 07:52:19 AM: URL? What browser and version do you use?
Title: Re: Image Pop-Up is cut off at the bottom of the product page
Post by: ItsAGr8Day on March 17, 2013, 10:12:57 AM: I'm using IE7, and I just installed the AC 1.1.4.
Title: Re: Image Pop-Up is cut off at the bottom of the product page
Post by: abantecart on March 18, 2013, 03:34:25 AM: Can we see URL to this page? How big is your original image?
Title: Re: Image Pop-Up is cut off at the bottom of the product page
Post by: ItsAGr8Day on March 18, 2013, 04:45:23 AM: 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.
Title: Re: Image Pop-Up is cut off at the bottom of the product page
Post by: artist3412 on March 18, 2013, 05:25:17 AM: 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.
Title: Re: Image Pop-Up is cut off at the bottom of the product page
Post by: abantecart on March 18, 2013, 02:52:37 PM: We will check this issue.
Title: Re: Image Pop-Up is cut off at the bottom of the product page
Post by: abolabo on March 19, 2013, 01:48:41 AM: 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.
Title: Re: Image Pop-Up is cut off at the bottom of the product page
Post by: artist3412 on March 19, 2013, 03:32:34 AM: 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.
Title: Re: Image Pop-Up is cut off at the bottom of the product page
Post by: ItsAGr8Day on March 19, 2013, 03:48:06 AM: 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?
Title: Re: Image Pop-Up is cut off at the bottom of the product page
Post by: abolabo on March 19, 2013, 03:54:32 AM: Quote
and replace top:10% by bottom:5%
Title: Re: Image Pop-Up is cut off at the bottom of the product page
Post by: ItsAGr8Day on March 19, 2013, 04:05:09 AM: 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?
Title: Re: Image Pop-Up is cut off at the bottom of the product page
Post by: abolabo on March 19, 2013, 04:16:29 AM: no :) do not add..just replace "top" css-rule by "bottom"
Also you can try other % values there.
Title: Re: Image Pop-Up is cut off at the bottom of the product page
Post by: ItsAGr8Day on March 19, 2013, 05:44:56 AM: Thank you so much! That worked! I sell boys suits & tuxedos, and half the size chart was missing before.