Füge in der general.js.php folgendes hinzu:
<script type="text/javascript">
/* <![CDATA[ */
function replacebild(replacement){document.mainpicbild.src=replacement;}
/*]]>*/
</script>
Dann hier noch der Code für das Hauptproduktbild in der product_info_v1.html:
{if $PRODUCTS_IMAGE!=''}
<a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" class="thickbox" rel="{$PRODUCTS_ID}"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" name="mainpicbild" id="mainpicbild" />{if $PRODUCTS_POPUP_LINK!=''}<br/><br/><img src="{$tpl_path}img/magnifier.gif" alt="" border="0" /> {#text_zoom#}{/if}</a>
{/if}
Und hier die kleinen Vorschaubilder, die du darunter einfügst:
<tr>
<td>{if $PRODUCTS_IMAGE != ''}<a href='javascript:replacebild("{$PRODUCTS_IMAGE}");'><img class="image" src='{$PRODUCTS_IMAGE}' width="80" border="0" alt="{$PRODUCTS_NAME}" /></a>{/if}</td>
<td>{if $PRODUCTS_IMAGE_1 != ''}<a href='javascript:replacebild("{$PRODUCTS_IMAGE_1}");'><img class="image" src='{$PRODUCTS_IMAGE_1}' width="80" border="0" alt="{$PRODUCTS_NAME}" /></a>{/if}</td>
<td>{if $PRODUCTS_IMAGE_2 != ''}<a href='javascript:replacebild("{$PRODUCTS_IMAGE_2}");'><img class="image" src='{$PRODUCTS_IMAGE_2}' width="80" border="0" alt="{$PRODUCTS_NAME}" /></a>{/if}</td>
<td>{if $PRODUCTS_IMAGE_3 != ''}<a href='javascript:replacebild("{$PRODUCTS_IMAGE_3}");'><img class="image" src='{$PRODUCTS_IMAGE_3}' width="80" border="0" alt="{$PRODUCTS_NAME}" /></a>{/if}</td>
</tr>
Hier noch die alternative Version mit dem "more_images" Array:
<tr>
<td colspan="2">
{if $more_images|@count> 0}
<div id="tab_more_images">
{* More Pictures *}
<div class="morepics">
{if $PRODUCTS_IMAGE != ''}<a href='javascript:replacebild("{$PRODUCTS_IMAGE}");'><img class="image" src='{$PRODUCTS_IMAGE}' width="80" border="0" alt="{$PRODUCTS_NAME}" /></a>{/if}
{foreach item=more_images_data from=$more_images}
<a title="{$PRODUCTS_NAME}" href='javascript:replacebild("{$more_images_data.PRODUCTS_IMAGE}");'><img align="left" src='{$more_images_data.PRODUCTS_IMAGE}' width="80" border="0" alt="{$PRODUCTS_NAME}" /></a>
{/foreach}
</div>
<div style="clear:both;"></div>
</div>
{/if}
</td>
</tr>
Vielleicht kann das jemand anders nochmal überprüfen, dann würde ich das als product_info_v2.html mit in den Trunk übernehmen.
Grüße
Torsten
[
EDIT Tomcraft 03.03.2011: Code korrigiert, Danke an h-h-h.]
[
EDIT Tomcraft 03.03.2011: Code korrigiert, Danke an h-h-h.]