Quote:
|
Originally Posted by frank678
I have 2 to 3 images for each product. 1 main one that is used for the Product Image and 1 or 2 alternate views of the same product.
I would like to have thumbnails of "alternate views" placed under the Product Image with either...
1. Popup when the alternate view thumbnail is clicked.
OR, even better...
2. When the alternate view thumbnail is clicked, the Product Image is repaced with the full size image of the alternate image.
Any ideas on how I can do this?
Thank you!
|
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}