Magento

I’ve just gone up to 1.1.6 and I’ve got a frustrating ‘feature’ (/bug) - my main product image on all product pages is now displaying about 800 pixels (that’s a guess) south of where it should be. I’ve dumped my cache in both dashboard and browser - nothing doing.
I had uploaded the image ratio resize add on, but i’ve since removed that to see if that was the problem. It wasn’t.

It’s rather odd? Anyone had same and have a fix?

you’ll see it on here until I manage to fix it (product pages rememeber):
www.reduceyourenergyuse.com

*bump*

Anyone else seen this?

I just upgraded to 1.1.6 also & am having a very similar problem.

On the product pages it will flash a really large product photo for just a second (I have a fiber optic connection) then the image disappears & reappears way further down the page, it covers the related products, or product description depending on how long the product description is.

http://www.teamrocketfactory.com/modsnroses/magento/electronics/cellphones/blackberry-8100-pearl.html

When I go to your site I see the same thing in my browser which is FireFox 3.0.1

Yep - Firefox 3 here too. Same problem in Safari 3.1.2

I don’t even know where to begin looking.

THD,

I also posted in another thread because my grid view is displaying products in a vertical line instead of 3 in a row in addition to the main product pic being shifted too far down the product page. Someone responded with a solution, but I think I already have the code in my boxes.css file. I am still comparing his posted code to my code.
http://www.magentocommerce.com/boards/viewthread/18394/

THD,

I renamed the boxes.css file to boxes_old.css then re uploaded the boxes.css file from the full version of 1.1.6.

My site now displays both the photo on the main product page correctly & the grid view correctly.

Try that! :D

You are missing this in your boxes.css file. Version 1.1.6 needs to have this code in it below to make the image zoom work properly.

This should fix your issue - or at least the zoomed image issue.

Thanks yaani and Darren E - tried both uploading the raw boxes.css from the full 1.1.6 zip, and adjusted my currently broken boxes.css with the code you helpfully supplied Darren. Both adjusted all sorts of layout things on my product pages, although the code as supplied did place the product image correctly.

I think it’s because I’m using the Modern Theme. Do you guys think that’s the case?

THD,

Yes, I bet that is where the differences in the boxes.css files are coming from.

I am customized my store by changing values in the default theme files. When I replaced the 1.1.6 default theme files with my default theme files from 1.1.4 the differences were apparent. I then replaced my changed default boxes.css file (1.1.4) with the boxes.css file supplied with the version 1.1.6 I then had to apply my changes again to the new 1.1.6 boxes.css file, the other 1.1.4 default theme files seem to be compatible with 1.1.6, as far as I can tell. Maybe after further testing I will find others. Makes me wonder if I should just use all the new 1.1.6 default theme files & just apply all my styling changes to them. I am trying to document my changes better so next time I upgrade it will make it easier for me if I have to reapply my changes to the new files (rather than replace the new files with my old version files).

I fixed it by changing the class to main-product-img in the following in app/design/frontend/default/default/template/catalog/view/media.html (you would do this in whatever theme you have applied:

FROM
<p class="product-image-zoom"><img id="image" src="<?php echo $this->helper('catalog/image')->init($_product, 'image'); ?>” alt="<?php echo $this->htmlEscape($_product->getName()) ?>” /></p>

TO
<p class="main-product-img"><img id="image" src="<?php echo $this->helper('catalog/image')->init($_product, 'image'); ?>” alt="<?php echo $this->htmlEscape($_product->getName()) ?>” /></p>

I can’t find ‘app/design/frontend/default/default/template/catalog/view/’ - that folder doesn’t exist in my 1.1.6 ? How odd?

My mistake. The file you need to modify is found here (I posted sloppily):  app/design/frontend/default/default/template/catalog/product/view/media.phtml

I’m ok with product zooming - don’t really want to get rid of it: More like I want to get rid of the image placement being too far down on the y axis.

I seem to have closed that conversation down! I didn’t mean to. I can’t see in the css where to fiddle to get the images displaying properly on the product pages.

Anyone got it fixed up yet?

I had the exact problem and replaced the class; fixed it right up. I didn’t lose the image zoom feature either. Let me know if it works for you.

TOTAL fix. Genius. Product image zoom and product image display error for anyone who’s interested.

Ta.