Zoom für weitere Artikelbilder aktivieren

[timbonaut]

Hallo Allerseits!

Ich hätte da eine Frage, ich nutze die Zoomfunktion via "jqzoom" in unserem shop.
klappt wunderbar. Nun würde ich diese gern bei mehreren Bildern je Artikel realisieren. Sprich, die weiteren Artikelbilder befinden sich bei mir direkt unter dem Hauptbild als kleine Thumbs. Wenn ich darauf klicke, öffnet sich gleich die Thickbox. Ich würde jedoch gerne bei Klick des Thumbs das entsprechende Bild in das Hauptbild oberhalb laden, so dass dieses dann auch zoombar wird. Hätte da jemand evtl. einen Ansatz? Wäre super.
Ein Beispiel hierfür wäre HIER zu sehen.

Meine product_info sieht wie folgt aus (ist schon arg erweitert und abgewandelt)

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="product_info"}

{$FORM_ACTION}
<div style="font-size:18px; font-family:Helvetica; color:#000000; font-weight:bold; text-transform:uppercase; margin-bottom:20px; margin-top:7px; background-color:#f6ff00;  padding:8px; ">{$PRODUCTS_NAME}</div>

<div id="productinfowrap">
<table><tr><td style="padding:0px; border:0px solid #000000; float:left;">
        {if $PRODUCTS_IMAGE!=''}

                <a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" class="thickbox jqzoom" rel="{$PRODUCTS_ID}"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage"/>{if $PRODUCTS_POPUP_LINK!=''}{/if}</a>
       </div>

          {if $more_images|@count> 0}
<!-- More Pictures -->
<div class="morepics">
{foreach item=more_images_data from=$more_images}
<a class="thickbox" rel="{$PRODUCTS_ID}" title="{$PRODUCTS_NAME}" href="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"popup_images"}"><img align="left" src="{$more_images_data.PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" /></a>
{/foreach}

</div>
        {/if}
           <div style="  color:#000000; font-size:12px; background-color:#FFFFFF; padding:2px; margin-top:10px;">
               {if $PRODUCTS_DATE_AVIABLE != ''}<p>{$PRODUCTS_DATE_AVIABLE}</p>{/if}
                             </div>

</td>

<td>

        <div id="productinfopricewithimages">

                        <p class="productprice" style="font-size:28px; font-family:Helvetica; color:#000000; margin-bottom:5px;"><strong>{$PRODUCTS_PRICE}</strong></p><br>
                              {if $language == 'german'}
      <p class="taxandshippinginfo" style="font-weight:bold; color:#000000; background-color:#f6ff00; padding:8px; white-space:nowrap"><strong>{$PRODUCTS_TAX_INFO}{if $PRODUCTS_SHIPPING_LINK}{$PRODUCTS_SHIPPING_LINK}{/if} ins <br> Ausland, innerhalb Deutschlands keine<br> Versandkosten!</strong></p>
                   {/if}

                    {if $language == 'english'}
      <p class="taxandshippinginfo" style="font-weight:bold; color:#000000; background-color:#f6ff00; padding:8px; white-space:nowrap"><strong>{$PRODUCTS_TAX_INFO}{if $PRODUCTS_SHIPPING_LINK}{$PRODUCTS_SHIPPING_LINK}{/if} to abroad,<br> within Germany no shipping costs!</strong></p>
                   {/if}

             {if $MODULE_product_options !=''}
        <div class="productoptions">{$MODULE_product_options}</div>{/if}

        <div class="addtobasket">
        <table border="0" cellspacing="0" cellpadding="0">
                <tr>

                <td>{$ADD_QTY}</td>
                <td>{$ADD_CART_BUTTON}</td>
                </tr>
        </table>

        </div><br />

                      {if $language == 'german'}
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_myspace"></a>
<a class="addthis_button_studivz"></a>
<a class="addthis_button_e-mail"></a>
<span class="addthis_separator">|</span>
<a href="http://www.addthis.com/bookmark.php?v=250&username=xa-4c103ec432061123" class="addthis_button_compact">Teilen</a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c103ec432061123"></script>
<!-- AddThis Button END -->
               {/if}

                  {if $language == 'english'}
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_myspace"></a>
<a class="addthis_button_studivz"></a>
<a class="addthis_button_e-mail"></a>
<span class="addthis_separator">|</span>
<a href="http://www.addthis.com/bookmark.php?v=250&username=xa-4c103ec432061123" class="addthis_button_compact">Share</a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c103ec432061123"></script>
<!-- AddThis Button END -->
               {/if}
             <br>    

                        {if $SHIPPING_NAME}<p class="shippingtime"><strong>{#text_shippingtime#}</strong>{if $SHIPPING_IMAGE}<img src="{$SHIPPING_IMAGE}" alt="{$SHIPPING_NAME}" />{/if} {$SHIPPING_NAME}</p>

{if $PRODUCTS_DESCRIPTION !=''}<div style="  color:#f6ff00; font-size:14px; background-color:#000000; padding:8px;">{$PRODUCTS_DESCRIPTION}</div>{/if}
                  <br>

                        {/if}
                        {if $PRODUCTS_VPE}
                        {$PRODUCTS_VPE}{/if}
                        {if $MODULE_graduated_price !=''}{$MODULE_graduated_price}{/if}
                        {if $PRODUCTS_DISCOUNT!=''}{$PRODUCTS_DISCOUNT}{/if}
                        {if $PRODUCTS_FSK18=='true'}<img src="{$tpl_path}img/fsk18.gif" alt="" style="cursor:default" />{/if}
                        {if $PRODUCTS_MODEL!=''}
                        <strong>{#model#}</strong> {$PRODUCTS_MODEL}{/if}

                        <div style="margin-top:10px"></div>
                        <!--{$PRODUCTS_PRINT}-->

        </div> 

        <div style="clear:both;"></div>
    </td></tr></table>

<!-- BOF - Tomcraft - 2009-11-28 - Included xs:booster //-->
        {if $XTB_REDIRECT_USER_TO=='product'}<div style='width:400px;padding:10px;color:white;background-color:#f6ff00;'><strong>Sie haben die eBay Auktion gewonnen!</strong><br/>Bitte w&auml;hlen Sie nun noch die gew&uuml;nschten Produkteigenschaften und legen Sie den Artikel danach in den Warenkorb, um mit der Zahlung fortzufahren und das Produkt versandfertig zu machen!</div>{/if}
<!-- EOF - Tomcraft - 2009-11-28 - Included xs:booster //-->
<!--{if $PRODUCTS_URL != ''}
                        <div class="hrlightgrey"></div><div style="padding-top:5px;">{$PRODUCTS_URL}</div>
                        {/if} <br />-->

</div>

<div style="clear:both;"></div>
{/if}

{$FORM_END}
{if $MODULE_products_media != ''}{$MODULE_products_media}{/if}
{if $MODULE_cross_selling != ''}{$MODULE_cross_selling}{/if}
{if $MODULE_reverse_cross_selling != ''}{$MODULE_reverse_cross_selling}{/if}
{if $MODULE_also_purchased != ''}{$MODULE_also_purchased}{/if}
{if $MODULE_products_reviews != ''}{$MODULE_products_reviews}{/if}
{$PRODUCT_NAVIGATOR}
 

Jemand ne idee? dankeee!



Linkback: https://www.modified-shop.org/forum/index.php?topic=6232.0

[DefCon2k]

Servus,

schau mal hier: MODUL: Cloud Zoom als Alternative zu MagicZoom

Sind erste Versuche, aber bei mir funktionieren sie.

Gruß Tobias