Jump to content
xt:Commerce Community Forum
Sign in to follow this  
patston

productlisting icon lupe über bild mit link

Recommended Posts

hallo. möchte in der productlisting über das artikelbild ein icon mit einer lupe legen mit einem link per click -> zoom bild in der thickbox öffnet.

momentaner stand. lupe wird angezeigt. thickbox öffnet sich - es wird aber kein Bild angzeigt. und icon verschiebt das artikelbild. schein wohl nicht über dem artikelbild zu liegen. kann mal jemand über das script schauen und mir vielleicht eine lösung bieten? das wäre echt super :-)

{if $module_data.products_image!=''}

<div class="productPreviewImage">

<a onfocus="if(this.blur)this.blur()" href="{$module_data.products_link}">
{img img=$module_data.products_image type=m_thumb class=productImageBorder alt=$module_data.products_name}
</a>

<a onfocus="if(this.blur)this.blur()" href="{img img=$data.products_image type=m_popup path_only=true}" class="thickbox">
{if $module_data.products_image}<img class="lupe" src="{$tpl_url_path}/img/lupe.png" />{/if}
</a>

</div>

{/if}[/PHP]

[HTML].productPreviewImage lupe { position:absolute; z-index:2; right:5px; bottom:5px; }[/HTML]

Share this post


Link to post
Share on other sites

wenn ich nun folgendes script in mein product listing einfüge möchte ich, dass beim klick auf das + zeichen das zoom bild des artikels angezeigt werden. nur leider wir mir nur eine leeres popup per thickbox angezeigt.

was mache ich falsch?

<div><a onfocus="if(this.blur)this.blur()" href="{img img=$products_image type=m_popup path_only=true}" class="thickbox" title="{$products_name}" rel="productimages">+</a></div>[/PHP]

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...