Quote:
|
Originally Posted by Yurij
1. Popup when the alternate view thumbnail is clicked.
Open file "skin1/customer/main/product.tpl" and find next lines:
PHP Code:
{if $active_modules.Detailed_Product_Images ne "" && $config.Detailed_Product_Images.det_image_popup eq 'Y' && $images ne '' && $js_enabled eq 'Y'}
{include file="modules/Detailed_Product_Images/popup_image.tpl"}
{elseif $product.force_image_type eq 'W' && $product.variantid}
{include file="product_thumbnail.tpl" productid=$product.variantid image_x=$product.image_x image_y=$product.image_y product=$product.product tmbn_url=$product.tmbn_url id="product_thumbnail" type="W"}
{else}
{include file="product_thumbnail.tpl" productid=$product.productid image_x=$product.image_x image_y=$product.image_y product=$product.product tmbn_url=$product.tmbn_url id="product_thumbnail" type="P"}
{/if}
{if $active_modules.Magnifier ne "" && $config.Magnifier.magnifier_image_popup eq 'Y' && $zoomer_images ne '' && $js_enabled eq 'Y'}
{include file="modules/Magnifier/popup_magnifier.tpl"}
{/if}
After insertnext code:
PHP Code:
{if $images ne ""}
<table width="100%">
{section name=image loop=$images}
<tr>
<td align="center">
<a href="javascript: void(0);" onclick="javascript: popup_image('D', '{$product.productid}', '{$max_x}', '{$max_y}', '{$product.product|escape:"url"}');">
{include file="product_thumbnail.tpl" productid=$product.productid image_x=100 product=$product.product tmbn_url=$images[image].image_path type="P"}
</a>
</td>
</tr>
{/section}
</table>
{/if}
|
I tried the above code but took out the table tags and just did the following
Quote:
{if $images ne ""}
{section name=image loop=$images}
<a href="javascript: void(0);" onclick="javascript: popup_image('D', '{$product.productid}', '{$max_x}', '{$max_y}', '{$product.product|escape:"url"}');">
{include file="product_thumbnail.tpl" productid=$product.productid image_x=100 product=$product.product tmbn_url=$images[image].image_path type="P"}
</a>
{/section}
{/if}
|
The problem I am having is that they are being rendered differently in FF3 and IE7.
On FF3, it works fine and images appear next to each other then wraps to the next line as necessary. On IE7, only one image appears on a line then the next image moves to the next line so that I have 6 images on 6 different lines even though there's plenty of room on a line to show 3 images as it does on FF3.
Does anyone know what may be causing the difference between IE7 and FF3?