Detailed Image Issue or bug?

gman · #1 08-19-2009, 11:34 AM

The product layout gets wacked when we use the following settings under general settings/detail images:

Display detailed product images in popup window
Display detailed product image thumbnails below the product image

It appears to dynamically adjust the following div class which blows the layout out of proportion:

Code:

<div class="image-box" style="width: 241px; height: 225px;">

The above settings change from product to product without any rhyme of reason. Here are some settings from other products:

Code:

<div class="image-box" style="width: 242px; height: 225px;">

Code:

<div class="image-box" style="width: 125px; height: 225px;">

This is creating a nightmare for the way things look. We need all of the previews and everything to stay within the 180px area that is set in the following code:

Code:

 <div class="image" style="width: 180px;">

Any ideas?

Shamun · #2 08-19-2009, 03:22 PM

In my sig, theres a link for installing highslide.

What you can do is this:
1) Use highslide single.
2) In the product.tpl file, move the detailed images from the bottom of the file to under the product_thumb.tpl include. That will put them under it.
3) In the admin section, you can set how many go across ("Number of detailed image thumbnails that must fit into the width of the thumbnail area (1-6)")

gman · #3 08-19-2009, 03:41 PM

I just found where the issue was. Under general settings/appearance/displaying products the setting for product image is NOT just for the size of the product image it also controls the size of the mouse-over image when detailed image thumbnails are displayed under the product image.

JWait · #4 10-27-2009, 08:19 AM

That is not the problem I am having. The mouseover works great, but when clicking on one of the thumbnails, or the link that says "view detail images", a popup opens (which it is supposed to do), but the popup is much smaller than the detail image, and only includes 2 of the thumbnails instead of the 4 that we have designated to be there. Also, clicking on one of the thumbnails opens the screen full size and makes our web site disappear (the only was to get back is to click the "back" button on the web browser.

How can I disable the popup but retain the mouseover? I'm working with v4.2.3.

cflsystems · #5 11-21-2009, 09:36 AM

Ok not sure if this is techincally correct but it seems to fix that problem. 4.2.2 when I click on view detaild images and the popup window appears it gives "imagesNavigatorList is undefined" error message. When any image in the popup window is clicked that same window opens up in the whole browser and the only way to close it without closing the product is to use "back" browser button. That's the description of the problem. Now the solution (I think)

open skin1/main/popup_image_js.js, find this line

Code:

  this.images = imagesNavigatorList;

and change it to

Code:

  this.images = imagesNavigatorList[];

It seems to work without any issues but I am not js expert. Tested in IE7, FF 3.5.5, Safari 4.0.4, GC 3.0.195.33

EDIT: see next post for solution, scratch that one

JWait · #6 11-21-2009, 12:02 PM

Check your in <xcart-dir>/skin1/main/popup_image.tpl file and see if around line 4 it says
<script type="test/javascript">
it should be
<script type="text/javascript">

cflsystems · #7 11-21-2009, 12:24 PM

Oh man I look through that file line by line 1000 times wondering why in the world this array will not populate since the code is there....
Guess we all need second pair of eyes from time to time
Thanks

wonder_fool · #8 11-23-2009, 01:03 PM

I made the test to text change, but I am still having the issue where if you click a nav image in the pop-up, it goes full screen and my product page disappears.

Any ideas?

cflsystems · #9 11-23-2009, 03:49 PM

run cleanup.php to clear the cache

JWait · #10 11-23-2009, 04:11 PM

Quote:

Originally Posted by wonder_fool

I made the test to text change, but I am still having the issue where if you click a nav image in the pop-up, it goes full screen and my product page disappears.

Any ideas?

Qualiteam sent me a new common.js (attached) with the following instructions:
"I've attached an updated version of common.js file to this message. Please upload it into the 'skin1/' directory and test the functionality once again. Probably this is exactly what you need.

Note: I'd highly recommend you to backup current skin1/common.js file before replacing it with a new one."

I did so, but didn't notice any difference until the "text"for "test" fix mentioned earlier.

Note: the only way I could attach the common.js was to make it into a text file. Remove the ".txt" to return it to the correct format.