Problem with position of image in popup window

The pop-up window for products opens to the correct size, but the image is off center.

I changed from my custom template to the default template and the popup works with the window opening to the exact size of the image and there's no problem with the image being off center.

My site is: http://www.from-the-heart-creations.com/shop/

I've compared the stylesheets for both the custom and default template and can't see where the error is, though that's not to say there isn't one. I'm just not that good at css as I am with doing all the coding by hand. I've also looked at the settings in Admin and it's not obvious to me if the problem is located there.

I've searched the forum for about two or three days trying to find someone else who might have had this same problem with no luck. Though I did find out how to make it so the background didn't show in the popup. :-)

Thank you for any help with this.

I prefer to use lightbox:

http://www.zen-cart.com/index.php?main_page=product_contrib_info&products_id=273

See my site:
http://orchidsbymail.net/shop/index.php?main_page=product_info&cPath=5&products_id=48

flash, thank you for the advice. I'm going to give the lightbox a try, but wanted to solve this problem. I'm stubborn that way. lol

Through another search and about two hours of reading posts I found the answer. I have no idea why it works, but it does. I figured I'd post the answer here to help others who go searching for the same problem.

I copied the directory and the one file in it: popup_image/tpl_main_page.php from the default template directory to my custom directory. Then, as instructed in the solution I found, I removed "class="centeredContent" from the body tag. And sure enough, the large image takes up the full pop-up window. Well, there is a tiny bit of white to the right side - but that doesn't bother me.

So, now that I have this conquered I'm on to try one of the lightboxes.

Hope this helps anyone looking for an answer to the issue of the large image in the popup window not showing up correctly.

Just to add some more to my misadventures with this issue.

I installed the lightbox program and ended up disabling it because the overlay only went about 2/3 across the screen. I spent awhile looking for an answer to what had happened, found one, tried it, it made no difference. Decided I just can't invest hours in finding an answer right now.

So, I disabled it. I've got it so the whole image shows up in the popup - but it's not centered and if you open the window you'll get the large image stuck to the left side of the box.

Is there anyway to control the image in the popup from a setting in the Admin that I might have messed up?

Ever feel like you're talking to yourself? LOL

Okay, in an effort to help anyone else who is forced to mess around with this issue, I've added one more thing so that the image in the pop-up doesn't have the space on the right of the open box.

I added padding: 0.5em 0em 0em 0.5em; to #popupImage in the stylesheet.

The window won't open to show the last bit of the bottom of the image, but I can live with this.

It works in both IE and Firefox.

Cheers SandraJ,

I have been trolling the forums for over an hour looking for a post such as this. Thanks a bunch, I am off to implement your solution here!

Got to love open source + forums. :D

ironmonk

SandraJ:

flash, thank you for the advice. I'm going to give the lightbox a try, but wanted to solve this problem. I'm stubborn that way. lol

Through another search and about two hours of reading posts I found the answer. I have no idea why it works, but it does. I figured I'd post the answer here to help others who go searching for the same problem.

I copied the directory and the one file in it: popup_image/tpl_main_page.php from the default template directory to my custom directory. Then, as instructed in the solution I found, I removed "class="centeredContent" from the body tag. And sure enough, the large image takes up the full pop-up window. Well, there is a tiny bit of white to the right side - but that doesn't bother me.

So, now that I have this conquered I'm on to try one of the lightboxes.

Hope this helps anyone looking for an answer to the issue of the large image in the popup window not showing up correctly.

SandraJ thanks for the posting i had the same problem with my images not being centered, and i tried the lightbox and slimbox had more issues with product page not displaying in IE and still haven't found a clear answer as to why so i removed them, and found your answer to the image being centered thank you for posting this

SandraJ:

flash, thank you for the advice. I'm going to give the lightbox a try, but wanted to solve this problem. I'm stubborn that way. lol

Through another search and about two hours of reading posts I found the answer. I have no idea why it works, but it does. I figured I'd post the answer here to help others who go searching for the same problem.

I copied the directory and the one file in it: popup_image/tpl_main_page.php from the default template directory to my custom directory. Then, as instructed in the solution I found, I removed "class="centeredContent" from the body tag. And sure enough, the large image takes up the full pop-up window. Well, there is a tiny bit of white to the right side - but that doesn't bother me.

So, now that I have this conquered I'm on to try one of the lightboxes.

Hope this helps anyone looking for an answer to the issue of the large image in the popup window not showing up correctly.

Appreciate this post! I was having a problem with a client's algozone template and the popup image would come up small.. and when you widened it, it showed the WEBSITE - not the larger image. Copying the popup_image directory into the custom template folder did the trick! :clap:

Oh dear - thought I'd struck gold with your fixes above SandraJ, but I still lose about a quarter of my large images when they pop up - the bottom and right edges in Firefox and the bottom in IE. Back to searching... if anyone else has any ideas they'd be welcome.

OK, found something:
http://www.zen-cart.com/forum/showthread.php?t=150273&highlight=onload%3Dresize%28%29%3B

It shows how to resize the window. The images are still a little off-centre but at least you can see the whole thing.

Spoke too soon - this worked a treat in Firefox but now I lose the bottom half of the image in IE. So it's now worse. Can anyone help?

Seems that this has fixed itself :huh:, so this may be regarded as a fix - but good luck.