Antwort #160 am: 27. Juli 2014, 19:55:39
Hallo noRiddle,
danke für die Blumen und vor allem für Deine schnelle Antwort!
Ich kann Dein Feedback leider nicht nachvollziehen, da ich in der von mir verwendeten neu_product_info_tabs_v2.html kein {foreach item=more_images...} drin habe. Für die Verwendung mit der klassischen Thickbox war das bisher auch nicht nötig.
Ich verwende in diesem Bereich (siehe Zeile 19-23 im kompletten Listing unten) für das $PRODUCTS_IMAGE folgendes:
<td style="padding-right:20px;" width="320px">
{if $PRODUCTS_IMAGE!=''}
<!-- BOC animated thickbox plugin, noRiddle -->
<a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" class="thickbox" data-igroup="{$PRODUCTS_ID}"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" />{if $PRODUCTS_POPUP_LINK!=''}<br/>{#text_zoom#}{/if}</a>
<!-- EOC animated thickbox plugin, noRiddle -->
{/if}</td>
Wie Du siehst hatte ich das
rel-Attribut bereits durch das
data-igroup-Attribut ersetzt.
Ich habe jetzt mal den von Dir geposteten Code mit Deinem <a href...> und incl. des {foreach item=more_images...} eingebaut. Es wird jetzt bei diesem Artikel immer noch nur ein Bild angezeigt (Bild 1 von 1) allerdings nicht mehr das Standardbild der *_product_info_*.html sondern das 1. der Zusatzbilder.
Bei einem anderen Artikel mit insgesamt 3 Bildern - siehe nachstehenden Link) sehe ich die beiden Zusatzbilder, aber ebenfalls nicht mehr das Standardbild. Das Umschalten funktioniert bei dem zweiten Artikel, allerdings ohne korrekte Anzeige der Symbole. Das ist aber meine nächste Baustelle, wenn alle Bilder korrekt erkannt werden.
Ich krieg langsam Augenkrebs vom ständigen Starren auf den Bildschirm
Ich lass das mal so drin, damit Du den Effekt sehen kannst. Hier der Link zu dem Artikel mit 3 Bildern im Shop:
http://shop.oeko24.de/Spirit-of-Om-Bio-Textilien/Textilien/Feng-Shui-Frotteetuch-weiss-Motiv-Paradies-OM::525.htmlHier mal die komplette, von mir verwendete neu_product_info_tabs_v2.html im Quelltext:
{config_load file="$language/lang_$language.conf" section="product_info"}
{$FORM_ACTION}
<div class="oeko_producttitle">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr valign="middle">
<td style="padding-right:0px; width:510px; "><h1 style="line-height:0px;" >{$PRODUCTS_NAME}</h1></td>
<td style="padding-right:0px; text-align:center; " rowspan="2" >{$PRODUCTS_ID|ManufacturersData_by_ProductsID:'image'}</td>
</tr>
<tr valign="top">
<td style="padding-right:0px; width:510px; height:35px;" >{$BUTTON_BACK}</td>
</tr>
</table>
</div>
<div style="clear:both;"></div>
<div id="productinfowrap">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr valign="top">
<td style="padding-right:20px;" width="320px">
{if $PRODUCTS_IMAGE!=''}
<!-- BOC animated thickbox plugin, noRiddle -->
<a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" class="thickbox" data-igroup="{$PRODUCTS_ID}"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" />{if $PRODUCTS_POPUP_LINK!=''}<br/>{#text_zoom#}{/if}</a>
<!-- EOC animated thickbox plugin, noRiddle -->
{/if}</td>
<td style="padding:10px 0 0 10px;">
<div id="oeko_productinfoprice">
<div class="oeko_productprice"><strong>{$PRODUCTS_PRICE}</strong></div>
<p class="oeko_taxandshippinginfo" style="white-space:nowrap">{$PRODUCTS_TAX_INFO}{if $PRODUCTS_SHIPPING_LINK}{$PRODUCTS_SHIPPING_LINK}{/if}</p>
{if $SHIPPING_NAME}<p class="oeko_shippingtime"><strong>{#text_shippingtime#}</strong>{if $SHIPPING_IMAGE}<img src="{$SHIPPING_IMAGE}" alt="{$SHIPPING_NAME}" />{/if} {$SHIPPING_NAME_LINK}</p>
{/if}
{if $PRODUCTS_VPE}
<div class="hrlightgrey"></div>{$PRODUCTS_VPE}{/if}
{if $MODULE_graduated_price !=''}<div class="hrlightgrey"></div>{$MODULE_graduated_price}{/if}
{if $PRODUCTS_DISCOUNT!=''}<div class="hrlightgrey"></div>{$PRODUCTS_DISCOUNT}{/if}
{if $PRODUCTS_FSK18=='true'}<div class="hrlightgrey"></div><img src="{$tpl_path}img/fsk18.gif" alt="" style="cursor:default" />{/if}
{if $PRODUCTS_MODEL!=''}<div class="hrlightgrey"></div>
<strong>{#model#}</strong> {$PRODUCTS_MODEL}{/if}
{if $PRODUCTS_URL != ''}
<div class="hrlightgrey"></div><div style="padding-top:5px;">{$PRODUCTS_URL}</div>
{/if} <br />
<div style="margin-top:30px"></div>
{if $PRODUCTS_DATE_AVIABLE != ''}<p>{$PRODUCTS_DATE_AVIABLE}</p>{/if}
<!--div style="clear:both;"></div-->
<!-- BOF - oeko: Neuer Button für History.Back -->
<div class="addtobasket">
<table border="0" cellspacing="0" cellpadding="2">
<tr>
<td style="width:100%; padding-right:5px;">{$ADD_QTY}</td>
<td>{$ADD_CART_BUTTON}</td>
</tr>
</table></td></tr>
</div>
</div>
</table>
{if $MODULE_product_options !=''}
<div class="productoptions">{$MODULE_product_options}</div>{/if}
<!-- BOF - Tomcraft - 2009-11-28 - Included xs:booster //-->
{if $XTB_REDIRECT_USER_TO=='product'}<div style='width:400px;padding:10px;color:white;background-color:green;'><strong>Sie haben die eBay Auktion gewonnen!</strong><br/>Bitte wählen Sie nun noch die gewü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 //-->
</div>
{$FORM_END}
<div style="clear:both;"></div>
{*BEGIN TABS*}
<div id="tabbed_product_info">
<ul>
{if $PRODUCTS_DESCRIPTION !=''}<li><a href="#tab_description">{#description#}</a></li>{/if}
{if $MODULE_cross_selling != '' || $MODULE_reverse_cross_selling != ''}<li><a href="#tab_cross_selling">{#cross_selling#}</a></li>{/if}
{if $MODULE_also_purchased != ''}<li><a href="#tab_also_purchased">{#also_purchased#}</a></li>{/if}
{if $MODULE_products_reviews != ''}<li><a href="#tab_reviews">{#products_reviews#}</a></li>{/if}
{if $MODULE_products_media != ''}<li><a href="#tab_media">{#products_media#}</a></li>{/if}
{if $more_images|@count > 0}<li><a href="#tab_more_images">{#more_images#}</a></li>{/if}
</ul>
{if $PRODUCTS_DESCRIPTION !=''}<div id="tab_description">{$PRODUCTS_DESCRIPTION}</div>{/if}
{if $MODULE_cross_selling != '' || $MODULE_reverse_cross_selling != ''}<div id="tab_cross_selling">{$MODULE_cross_selling}{if $MODULE_reverse_cross_selling != ''}{$MODULE_reverse_cross_selling}{/if}</div>{/if}
{if $MODULE_also_purchased != ''}<div id="tab_also_purchased">{$MODULE_also_purchased}</div>{/if}
{if $MODULE_products_reviews != ''}<div id="tab_reviews">{$MODULE_products_reviews}</div>{/if}
{if $MODULE_products_media != ''}<div id="tab_media">{$MODULE_products_media}</div>{/if}
{if $more_images|@count > 0}<div id="tab_more_images">
<!-- 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>
<div style="clear:both;"></div>
</div>
{/if}
</div>
{*END TABS*}
{$PRODUCT_NAVIGATOR}
Und hier die neu_product_info_tabs_v2.html mit der Anpassung aus Deinem Post:
{config_load file="$language/lang_$language.conf" section="product_info"}
{$FORM_ACTION}
<div class="oeko_producttitle">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr valign="middle">
<td style="padding-right:0px; width:510px; "><h1 style="line-height:0px;" >{$PRODUCTS_NAME}</h1></td>
<td style="padding-right:0px; text-align:center; " rowspan="2" >{$PRODUCTS_ID|ManufacturersData_by_ProductsID:'image'}</td>
</tr>
<tr valign="top">
<td style="padding-right:0px; width:510px; height:35px;" >{$BUTTON_BACK}</td>
</tr>
</table>
</div>
<div style="clear:both;"></div>
<div id="productinfowrap">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr valign="top">
<td style="padding-right:20px;" width="320px">
{if $PRODUCTS_IMAGE!=''}
<!-- BOC animated thickbox plugin, noRiddle -->
{foreach item=more_images_data from=$more_images}
<a class="thickbox" data-igroup="{$PRODUCTS_ID}" title="{$PRODUCTS_NAME}" href="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"popup_images"}"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" />{if $PRODUCTS_POPUP_LINK!=''}<br/>{#text_zoom#}{/if}</a>
{/foreach}
<!-- EOC animated thickbox plugin, noRiddle -->
{/if}</td>
<td style="padding:10px 0 0 10px;">
<div id="oeko_productinfoprice">
<div class="oeko_productprice"><strong>{$PRODUCTS_PRICE}</strong></div>
<p class="oeko_taxandshippinginfo" style="white-space:nowrap">{$PRODUCTS_TAX_INFO}{if $PRODUCTS_SHIPPING_LINK}{$PRODUCTS_SHIPPING_LINK}{/if}</p>
{if $SHIPPING_NAME}<p class="oeko_shippingtime"><strong>{#text_shippingtime#}</strong>{if $SHIPPING_IMAGE}<img src="{$SHIPPING_IMAGE}" alt="{$SHIPPING_NAME}" />{/if} {$SHIPPING_NAME_LINK}</p>
{/if}
{if $PRODUCTS_VPE}
<div class="hrlightgrey"></div>{$PRODUCTS_VPE}{/if}
{if $MODULE_graduated_price !=''}<div class="hrlightgrey"></div>{$MODULE_graduated_price}{/if}
{if $PRODUCTS_DISCOUNT!=''}<div class="hrlightgrey"></div>{$PRODUCTS_DISCOUNT}{/if}
{if $PRODUCTS_FSK18=='true'}<div class="hrlightgrey"></div><img src="{$tpl_path}img/fsk18.gif" alt="" style="cursor:default" />{/if}
{if $PRODUCTS_MODEL!=''}<div class="hrlightgrey"></div>
<strong>{#model#}</strong> {$PRODUCTS_MODEL}{/if}
{if $PRODUCTS_URL != ''}
<div class="hrlightgrey"></div><div style="padding-top:5px;">{$PRODUCTS_URL}</div>
{/if} <br />
<div style="margin-top:30px"></div>
{if $PRODUCTS_DATE_AVIABLE != ''}<p>{$PRODUCTS_DATE_AVIABLE}</p>{/if}
<!--div style="clear:both;"></div-->
<!-- BOF - oeko: Neuer Button für History.Back -->
<div class="addtobasket">
<table border="0" cellspacing="0" cellpadding="2">
<tr>
<td style="width:100%; padding-right:5px;">{$ADD_QTY}</td>
<td>{$ADD_CART_BUTTON}</td>
</tr>
</table></td></tr>
</div>
</div>
</table>
{if $MODULE_product_options !=''}
<div class="productoptions">{$MODULE_product_options}</div>{/if}
<!-- BOF - Tomcraft - 2009-11-28 - Included xs:booster //-->
{if $XTB_REDIRECT_USER_TO=='product'}<div style='width:400px;padding:10px;color:white;background-color:green;'><strong>Sie haben die eBay Auktion gewonnen!</strong><br/>Bitte wählen Sie nun noch die gewü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 //-->
</div>
{$FORM_END}
<div style="clear:both;"></div>
{*BEGIN TABS*}
<div id="tabbed_product_info">
<ul>
{if $PRODUCTS_DESCRIPTION !=''}<li><a href="#tab_description">{#description#}</a></li>{/if}
{if $MODULE_cross_selling != '' || $MODULE_reverse_cross_selling != ''}<li><a href="#tab_cross_selling">{#cross_selling#}</a></li>{/if}
{if $MODULE_also_purchased != ''}<li><a href="#tab_also_purchased">{#also_purchased#}</a></li>{/if}
{if $MODULE_products_reviews != ''}<li><a href="#tab_reviews">{#products_reviews#}</a></li>{/if}
{if $MODULE_products_media != ''}<li><a href="#tab_media">{#products_media#}</a></li>{/if}
{if $more_images|@count > 0}<li><a href="#tab_more_images">{#more_images#}</a></li>{/if}
</ul>
{if $PRODUCTS_DESCRIPTION !=''}<div id="tab_description">{$PRODUCTS_DESCRIPTION}</div>{/if}
{if $MODULE_cross_selling != '' || $MODULE_reverse_cross_selling != ''}<div id="tab_cross_selling">{$MODULE_cross_selling}{if $MODULE_reverse_cross_selling != ''}{$MODULE_reverse_cross_selling}{/if}</div>{/if}
{if $MODULE_also_purchased != ''}<div id="tab_also_purchased">{$MODULE_also_purchased}</div>{/if}
{if $MODULE_products_reviews != ''}<div id="tab_reviews">{$MODULE_products_reviews}</div>{/if}
{if $MODULE_products_media != ''}<div id="tab_media">{$MODULE_products_media}</div>{/if}
{if $more_images|@count > 0}<div id="tab_more_images">
<!-- 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>
<div style="clear:both;"></div>
</div>
{/if}
</div>
{*END TABS*}
{$PRODUCT_NAVIGATOR}
Das Thema mit den Vor- und Zurück-Buttons stelle ich erst mal zurück bis ich alle Bilder in der Thickbox ermittelt/angezeigt bekomme.
Vielen Dank nochmal für Deine Mühe. Ich weiß das sehr zu schätzen.
VG
Wolfgang