Jump to content

JQZoom e imagen completa al hacer click


sergiorx8

Recommended Posts

PS 1.6

Buenas!

 

Veréis, tengo activado el jqzoom en mi tienda y realiza bien la función ya que hace el zoom de la foto principal dentro de cada producto.

 

El problema es que aparte de que haga zoom en esa foto quiero que al hacer click en la foto se habrá en grande (con thickbox). Esto recuerdo que en la plantilla de la  versión 1.5 venia por defecto pero al parecer en la plantilla de la  1.6 se quito esta función. 

 

Os dejo las lineas de código (product.tpl de la plantilla) donde creo que esta mi problema por si alguien pudiera ayudarme:

{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 class="img-responsive" width="100%" 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" class="img-responsive" 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 class="img-responsive" 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}
Link to comment
Share on other sites

  • 3 weeks later...
  • nadie locked this topic
Guest
This topic is now closed to further replies.
×
×
  • Create New...