Thema: Link zum Vergrößern unter Produktbild setzen

lokko · **am:** 28. August 2009, 09:26:39

Hallo zusammen,

ich möchte in der product_info_v1.html {#text_zoom#} so verlinken, dass sich auch die thickbox mit dem Produktbild öffnet.
Komme einfach nicht dahinter wie ich im Link die thickbox richtig aufrufe.
Wäre super wenn mir jemand helfen könnte.

Grüße, Felix

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

Tomcraft · **Antwort #1 am:** 28. August 2009, 13:48:04

Hi Felix,

hier der Code:

Code: XML [Auswählen]

<a class="thickbox" rel="{$PRODUCTS_ID}" title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE_1|replace:"info_images":"popup_images"}">Zoom Image</a>

Grüße

Torsten

lokko · **Antwort #2 am:** 30. August 2009, 14:52:39

Hi Torsten,

danke für die schnelle Antwort.

Habe heute versucht das mal umzusetzen, komme aber noch immer nicht ganz dahinter.

Der Code abschnitt in der product_info_v1.html schaut jetzt bei mir so aus:

Code: XML [Auswählen]

<td style="padding-right: 20px;"> {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" align="left"></a>
{if $PRODUCTS_POPUP_LINK!=''}
<div class="hrlightgrey"></div>
<a
onclick="window.open(this.href); return false;</a>{/if}
<a class="
thickbox="" rel="{$PRODUCTS_ID}" title="{$PRODUCTS_NAME}"
href="{$PRODUCTS_IMAGE_1|replace" info_images=""
popup_images="">{#text_zoom#}</a>

Nun kann ich aber kein Bild mehr in der Productinfo sehen, sondern nur einen Link mit dem Produktnamen. Die Thickboxen öffnen sich wunderbar, sind halt aber leer.
Sorry das ich mich so anstelle.

Grüße,

Felix

Tomcraft · **Antwort #3 am:** 30. August 2009, 16:01:51

Nihcts zusätzlich ändern... einfach den Code von hier: http://www.modified-shop.org/forum/topic.php?id=1833#post-14526 an die Stelle in der product_info.html einsetzen, wo der Link auftauchen soll.

Grüße

Torsten

lokko · **Antwort #4 am:** 31. August 2009, 10:08:06

Hi Torsten,

hab ich nun so gemacht. Wollte eigentlich text_zoom auf die Thickbox verlinken, damit die Zweisprachigkeit bestehen bleibt, dabei hat es mir mit KompoZer den Code zerhauen.

Schaut jetzt so aus:

Code: XML [Auswählen]

<div id="productinfowrap">
<table><tr><td style="padding-right:20px;">
{if $PRODUCTS_IMAGE!=''}

<a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" class="thickbox" rel="{$PRODUCTS_ID}"><img align="left" src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" /></a>
{if $PRODUCTS_POPUP_LINK!=''}<div class="hrlightgrey"></div><a href="{$PRODUCTS_POPUP_LINK}" onclick="window.open(this.href); return false;">{#text_zoom#}</a>{/if}
<a class="thickbox" rel="{$PRODUCTS_ID}" title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}">Zoom</a>
{/if}</td><td>

Musste aus PRODUCTS_IMAGE_1 PRODUCTS_IMAGE machen, da die Thickbox sonst leer war.
Jetzt hab ich nur noch ein Problem, in beiden Thickboxen steht Bilder 2von2 obwohl der Artikel nur ein Bild hat.

Vielen Dank für deinen tollen Support. Ist echt klasse was du hier auf die Beine gestellt hast.

Grüße,

Felix

Tomcraft · **Antwort #5 am:** 31. August 2009, 10:57:29

Hast du mal nen Link zum Shop für mich?

Grüße

Torsten

lokko · **Antwort #6 am:** 31. August 2009, 11:19:43

Hi Torsten,

der link zum shop ist

http://pfaller.www16.estugo.de

Tomcraft · **Antwort #7 am:** 31. August 2009, 11:48:50

Hier findest du die Lösung: http://www.modified-shop.org/forum/topic.php?id=1160#post-8050

Entferne den rel-tag aus dem "zoom-link"

Grüße

Torsten

lokko · **Antwort #8 am:** 31. August 2009, 12:10:27

Vielen vielen Dank Torsten.

lokko · **Antwort #9 am:** 03. September 2009, 10:13:59

Hallo,

habe mal wieder ein problem mit meinem zoom link.

In firefox und safari ist alles bestens, nur der ... IE6 und 8 (7 konnte ich nicht testen) zeigt mir den Link nicht unter dem Produktbild sondern rechts daneben.
Habe schon mit einem br Tag rumexperimentiert, hat aber bisher kein erfolg gebracht!
Mein code in der product_info.html:

Code: XML [Auswählen]

<a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" class="thickbox" rel="{$PRODUCTS_ID}"><img align="left" src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" /></a>
{if $PRODUCTS_POPUP_LINK!=''}<div class="hrlightgrey"></div><a href="{$PRODUCTS_POPUP_LINK}" onclick="window.open(this.href); return false;">{#text_zoom#}</a>
<a class="thickbox" title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}">Zoom</a>
{/if}{/if}</td><td>
<div id="productinfopricewithimages">

Hat jemand eine Idee?

Grüße

Felix

Tomcraft · **Antwort #10 am:** 03. September 2009, 11:06:59

Ja, mach dafür doch einfach eine neue Zeile (tr) und Spalte(td) auf!

Code: XML [Auswählen]

{config_load file="$language/lang_$language.conf" section="product_info"}
{$FORM_ACTION}
<h1>{$PRODUCTS_NAME}</h1>

<div id="productinfowrap">
<table><tr><td style="padding-right:20px;">
{if $PRODUCTS_IMAGE!=''}

<a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" class="thickbox" rel="{$PRODUCTS_ID}"><img align="left" src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" /></a>
{if $PRODUCTS_POPUP_LINK!=''}<div class="hrlightgrey"></div><a href="{$PRODUCTS_POPUP_LINK}" onclick="window.open(this.href); return false;">{#text_zoom#}</a>{/if}

</td><td>
<tr><td style="padding-right:20px;">
<a class="thickbox" title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}">Zoom</a>
{/if}</td><td>
<div id="productinfopricewithimages">

<p class="productprice"><strong>{$PRODUCTS_PRICE}</strong></p>
<p class="taxandshippinginfo" style="white-space:nowrap">{$PRODUCTS_TAX_INFO}{if $PRODUCTS_SHIPPING_LINK}{$PRODUCTS_SHIPPING_LINK}{/if}</p>
{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}
{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:10px"></div>
{$PRODUCTS_PRINT}

{if $PRODUCTS_DATE_AVAILABLE != ''}<p>{$PRODUCTS_DATE_AVAILABLE}</p>{/if}
</div>
<div style="clear:both;"></div>
</td></tr></table>
{if $MODULE_product_options !=''}
<div class="productoptions">{$MODULE_product_options}</div>{/if}
<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>
</div>
{if $PRODUCTS_DESCRIPTION !=''}<div>{$PRODUCTS_DESCRIPTION}</div>{/if}
</div>

{if $PRODUCTS_IMAGE_1 != ''}

<div class="morepics">

{if $PRODUCTS_IMAGE_1 != ''}
<a class="thickbox" rel="{$PRODUCTS_ID}" title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE_1|replace:"info_images":"popup_images"}"><img align="left" src="{$PRODUCTS_IMAGE_1}" alt="{$PRODUCTS_NAME}" /></a>
{/if}

{if $PRODUCTS_IMAGE_2 != ''}
<a class="thickbox" rel="{$PRODUCTS_ID}" title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE_2|replace:"info_images":"popup_images"}"><img align="left" src="{$PRODUCTS_IMAGE_2}" alt="{$PRODUCTS_NAME}" /></a>
{/if}

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

{$FORM_END}
{if $MODULE_products_media != ''}{$MODULE_products_media}{/if}
{if $MODULE_products_reviews != ''}{$MODULE_products_reviews}{/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 $PRODUCTS_ADDED != ''}<p class="productinfoproductadded">{$PRODUCTS_ADDED}</p>{/if}
{$PRODUCT_NAVIGATOR}

Grüße

Torsten

lokko · **Antwort #11 am:** 03. September 2009, 12:16:43

Hi Torsten,

vielen danke mal wieder für deinen Support.

Wenn ich das so mache rutscht mir aber rechts neben dem Bild der Preis, Lieferzeit etc. runter bis auf die Linie der unteren Bildkante.

Gruß

Felix

Tomcraft · **Antwort #12 am:** 03. September 2009, 12:28:30

Sorry, da fehlt mir vorhin der Kaffee...

Hier nochmal:

Code: XML [Auswählen]

{config_load file="$language/lang_$language.conf" section="product_info"}
{$FORM_ACTION}
<h1>{$PRODUCTS_NAME}</h1>

<div id="productinfowrap">
<table><tr><td style="padding-right:20px;">
{if $PRODUCTS_IMAGE!=''}

<a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" class="thickbox" rel="{$PRODUCTS_ID}"><img align="left" src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" /></a>
{if $PRODUCTS_POPUP_LINK!=''}<div class="hrlightgrey"></div><a href="{$PRODUCTS_POPUP_LINK}" onclick="window.open(this.href); return false;">{#text_zoom#}</a>{/if}

{/if}</td><td>
<div id="productinfopricewithimages">

<p class="productprice"><strong>{$PRODUCTS_PRICE}</strong></p>
<p class="taxandshippinginfo" style="white-space:nowrap">{$PRODUCTS_TAX_INFO}{if $PRODUCTS_SHIPPING_LINK}{$PRODUCTS_SHIPPING_LINK}{/if}</p>
{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}
{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:10px"></div>
{$PRODUCTS_PRINT}

{if $PRODUCTS_DATE_AVAILABLE != ''}<p>{$PRODUCTS_DATE_AVAILABLE}</p>{/if}
</div>
<div style="clear:both;"></div>
</td></tr>{if $PRODUCTS_IMAGE!=''}
<tr><td><a class="thickbox" title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}">Zoom</a>
</td></tr>{/if}</table>
{if $MODULE_product_options !=''}
<div class="productoptions">{$MODULE_product_options}</div>{/if}
<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>
</div>
{if $PRODUCTS_DESCRIPTION !=''}<div>{$PRODUCTS_DESCRIPTION}</div>{/if}
</div>

{if $PRODUCTS_IMAGE_1 != ''}

<div class="morepics">

{if $PRODUCTS_IMAGE_1 != ''}
<a class="thickbox" rel="{$PRODUCTS_ID}" title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE_1|replace:"info_images":"popup_images"}"><img align="left" src="{$PRODUCTS_IMAGE_1}" alt="{$PRODUCTS_NAME}" /></a>
{/if}

{if $PRODUCTS_IMAGE_2 != ''}
<a class="thickbox" rel="{$PRODUCTS_ID}" title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE_2|replace:"info_images":"popup_images"}"><img align="left" src="{$PRODUCTS_IMAGE_2}" alt="{$PRODUCTS_NAME}" /></a>
{/if}

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

{$FORM_END}
{if $MODULE_products_media != ''}{$MODULE_products_media}{/if}
{if $MODULE_products_reviews != ''}{$MODULE_products_reviews}{/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 $PRODUCTS_ADDED != ''}<p class="productinfoproductadded">{$PRODUCTS_ADDED}</p>{/if}
{$PRODUCT_NAVIGATOR}

Grüße

Torsten

lokko · **Antwort #13 am:** 03. September 2009, 12:41:27

Super,

danke.

andrusch · **Antwort #14 am:** 28. September 2009, 23:11:49

Hi,
habe ein verständnis Problem. In der product_info_v1.html ist #text_zoom# enthalten, nur leider wird bei der Ausgabe nichts angezeigt. Wo ist/wird dieser Text denn definiert?

Thema: Link zum Vergrößern unter Produktbild setzen

lokko

Link zum Vergrößern unter Produktbild setzen

Tomcraft

Link zum Vergrößern unter Produktbild setzen

lokko

Link zum Vergrößern unter Produktbild setzen

Tomcraft

Link zum Vergrößern unter Produktbild setzen

lokko

Link zum Vergrößern unter Produktbild setzen

Tomcraft

Link zum Vergrößern unter Produktbild setzen

lokko

Link zum Vergrößern unter Produktbild setzen

Tomcraft

Link zum Vergrößern unter Produktbild setzen

lokko

Link zum Vergrößern unter Produktbild setzen

lokko

Link zum Vergrößern unter Produktbild setzen

Tomcraft

Link zum Vergrößern unter Produktbild setzen

lokko

Link zum Vergrößern unter Produktbild setzen

Tomcraft

Link zum Vergrößern unter Produktbild setzen

lokko

Link zum Vergrößern unter Produktbild setzen

andrusch

Link zum Vergrößern unter Produktbild setzen

Teile Thema

Ähnliche Themen

Content Box Link - Link der index.html richtig setzen, damit die Session nicht verloren geht?

Satz zusätzlich unter dem Produktbild

Produktbild als externer Link

Rezension unter die Produkte setzen