Jump to content
xt:Commerce Community Forum

Weitere Bilder werden mit Magic Zoom Plus nicht vergrößert


Sport Schuster

Recommended Posts

Hallo Zusammen,

ich verwende das Plugin Magic Zoom Plus um die Artikelbilder zu vergrößern. Das klappt soweit auch ganz gut, aber leider eben nur mit dem ersten Bild.

Wählt man das zweite Bild aus, wird dieses auch angezeigt, in der Vergrößerung wird aber wieder nur Bild eins angezeigt und nicht Bild zwei.

Hier ein Beispiel

Sport Schuster - Sportbekleidung - Outdoor Shop - Tennis Fitness

Hier der Relevante Code

<div style="height:420px; width:450px; display:table-cell; vertical-align:middle; text-align:center;">

		{if $products_image!=''}

			<a href="{img img=$products_image type=m_popup path_only=true}" class="MagicZoomPlus" rel="zoom-position:#product_right; zoom-width:364px; zoom-height:340px;disable-expand: true;"id="products_image_large">{img img=$products_image type=m_info alt=$master_article.products_name}</a>

		{/if}</div>

        <a id="product_neukundenrabatt" href="{link page='content&coID=32' seo_url='Neukundenrabatt'}" target="_self"></a>

        <div style="clear:both"></div>

		<h3>weitere Bilder</h3>

		<div>

        <ul class="more_images">


        {if $products_image!=''}

            <li>

            	<div align="left">

                	<input style="background:url({img img=$products_image type=m_more path_only=true}) center center no-repeat transparent;" 

                	type="button" alt="{img img=$products_image type=m_info path_only=true}" class="more_images1" value="" />

            	</div>

            </li>

        {/if}

		{if $more_images !=''}

			{foreach name=aussen item=img_data from=$more_images}

			<li>

            	<div align="left">

                 <input style="background:url({img img=$img_data.file type=m_more path_only=true}) center center no-repeat transparent;"

                 type="button" alt="{img img=$img_data.file type=m_info path_only=true}" class="more_images1" value="" />

               	</div>

             </li>

			{/foreach}

		{/if}

        </ul>

		</div>

Ich wäre für eine Lösung des Problems sehr dankbar. Als kleine Belohnung für den Lösungsansatz würde ich einen 20€ Gutschein für meinen Onlineshop spendieren.

Vielen Dank

Link to comment
Share on other sites

verstehe den Umstand nicht: das Plugin lässt sich doch einfacher aufrufen, weil es defaultmässig die class thickbox abfrägt:

z.B.:


<a href="{img img=$products_image type=m_popup path_only=true}" class="thickbox" rel="gallery">{img img=$products_image type=m_info alt=$products_name title=$products_name|escape:"html"}</a>
[/HTML]

bzw.:

[HTML]
{if $more_images !=''}
{foreach name=aussen item=img_data from=$more_images}
<p> </p>
<a href="{img img=$img_data.file type=m_popup path_only=true}" class="thickbox" rel="gallery" >{img img=$img_data.file type=m_thumb alt=$products_name title=$products_name}</a>
{/foreach}
{/if}[/HTML]

Alles andere steuert man doch über die Plugin-Einstellungen.

Ganz gut dazu passt übrigens magic scroll.

Grüsse

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
  • Create New...