Artikel Vergrößerung beim anklicken!

[MichaelSonn]

Hallo, benötige eure Hilfe!

 

Wenn man im Shop auf einen Artikel klickt wird er nochmals größer in einem externen Fenster angezeigt, könnt Ihr mir sagen wie ich das ganz ausschalten / abschalten kann. 

 

Ich möchte keine Vergrößerung des Artikels. Geht das im Back Office oder nur in JavaScript, und wenn wie und wo.

 

Im voraus vielen dank für eure Mühe.

 

Mein erster Post überhaupt...

 

Gruß Michael

[Mutabor]

Hallo Michael,

Im BO geht das so ohne weiteres nicht, weil du zwar die Vergrößerungsmethode wählen, aber die Vergrößerung nicht komplett abschalten kannst. Dazu ist ein kleiner Eingriff in das Produktfenster erforderlich. Such einfach mal in der /themes/<DeinTemplate>/product.tpl den folgenden Code

Prestashop 1.5

{if $have_image}
  <span id="view_full_size">
	<img src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')}"{if $jqZoomEnabled} class="jqzoom"{/if} title="{$product->name|escape:'htmlall':'UTF-8'}" alt="{$product->name|escape:'htmlall':'UTF-8'}" id="bigpic" width="{$largeSize.width}" height="{$largeSize.height}"/>
	<span class="span_link">{l s='Maximize'}</span>
  </span>
	{else}
	<span id="view_full_size">
	<img src="{$img_prod_dir}{$lang_iso}-default-large_default.jpg" id="bigpic" alt="" title="{$product->name|escape:'htmlall':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}" itemprop="image" />
	<span class="span_link">{l s='Maximize'}</span>
        </span>
{/if}

Prestashop 1.6

{if $have_image}
  <span id="view_full_size">
	{if $jqZoomEnabled && $have_image && !$content_only}
		<a class="jqzoom" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" rel="gal1" href="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'thickbox_default')|escape:'html':'UTF-8'}" itemprop="url">
		<img itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html':'UTF-8'}" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}"/>
		</a>
	{else}
		<img id="bigpic" itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html':'UTF-8'}" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" width="{$largeSize.width}" height="{$largeSize.height}"/>
			{if !$content_only}
				<span class="span_link no-print">{l s='View larger'}</span>
			{/if}
	{/if}
	</span>
	{else}
		<span id="view_full_size">
		<img itemprop="image" src="{$img_prod_dir}{$lang_iso}-default-large_default.jpg" id="bigpic" alt="" title="{$product->name|escape:'html':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}"/>
			{if !$content_only}
				<span class="span_link">
				{l s='View larger'}
				</span>
			{/if}
		</span>
{/if}

und setzte ihn auf Kommentar, und zwar so:
 

    <!-- {if $have_image}
     ...
    {/if}-->

Und damit sich der Mauscursor auch nicht in einen Finger ändert, wenn du über das Bild fährst, suchst du /themes/<DeinTemplate>/css/product.css den folgenden Code (gilt nur für PS 1.5):
 

#pb-right-column  #image-block img {border:1px solid #cdcdcd}
#pb-right-column  #image-block #view_full_size {
    display:block;
    cursor:pointer

und ersetzt ihn durch:
 

#pb-right-column  #image-block img {border:1px solid #cdcdcd}
#pb-right-column  #image-block #view_full_size {
    display:block;
    cursor:default