Desactivar jqzoom en dispositivos móviles/tablets

[roolz]

Muy buenas!

 

Actualmente tengo activado el JQZOOM para la tienda, pero el hecho es, que en versiones móviles, cuando clico encima del producto, se activa la lupa y el producto desaparece porque tengo establecida una resolución de 1500px x 1500px.

 

Habría alguna manera de dejarlo activado para versiones web de Pc y desactivarlos en las versiones móviles/tablets?

 

He intentado buscar por el foro pero no he encontrado nada al respecto; Os dejo un enlace hacia un producto para que podáis verlo tanto en pc como en móvil:

 

http://pruebas.altaconversion.com/towels/257-route-towels-pack.html

 

Muchas gracias por vuestra ayuda!

Edited September 15, 2015 by roolz (see edit history)

[ventura]

Puedes utilizar la variable global

$mobile_device

que detecta cuando se accede desde un dispositivo movil.

 

En el archivo

themes\tu_tema\product.tpl

busca esta parte

{if $jqZoomEnabled && $have_image && !$content_only}

y la dejas asi

{if $jqZoomEnabled && $have_image && !$content_only && !$mobile_device}

[roolz]

 

Puedes utilizar la variable global

$mobile_device

que detecta cuando se accede desde un dispositivo movil.

 

En el archivo

themes\tu_tema\product.tpl

busca esta parte

{if $jqZoomEnabled && $have_image && !$content_only}

y la dejas asi

{if $jqZoomEnabled && $have_image && !$content_only && !$mobile_device}

 

Gracias por tu respuesta Ventura.

 

He sustituido la parte de código que me has comentado pero aun persiste el jqzoom en versiones móviles. He limpiado cache dentro de rendimiento, y también en los navegadores web.

 

Adjunto screenshot desde mi móvil.

 

Gracias de antemano! 

[ventura]

No lo he podido probar con el tema defaulf pero funciona con una plantilla personalizada, adjunto imagen.

 

Prueba con un condicional mas simple, asi

  {if $jqZoomEnabled && !$mobile_device}

[roolz]

He probado con el condicional más simple, pero sigue sin desactivarse el jqzoom en móvil  

[ventura]

Que version tienes instalada de Prestashop?

[roolz]

Que version tienes instalada de Prestashop?

 

Tengo La versión 1.6.0.14

[ventura]

Puede depender del codigo de la plantilla que estas utilizando, en principio ya te digo que deberia funcionarte

[roolz]

Puede depender del codigo de la plantilla que estas utilizando, en principio ya te digo que deberia funcionarte

 

Te adjunto la porción del código del condicional:

 

{if $have_image}

<span id="view_full_size">

{if $jqZoomEnabled && !$mobile_device}

<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}"/>

{if !$content_only}

<span class="span_link no-print status-enable"></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'}"/>

{if !$content_only}

<span class="span_link">

{l s='View larger'}

</span>

{/if}

</span>

{/if}

 

 

Gracias

[ventura]

En principio en ese codigo y tal como lo tienes puesto te deberia funcionar, es decir, que no se aplicara el jpZoom en dispositivos moviles, prueba con la variable en afirmativo solo para probar si la aplica o no, te debería desactivar el Zoom en dispositivos de escritorio, es solo para ver si te toma la variable de alguna manera

{if $jqZoomEnabled && $mobile_device}

[roolz]

Buenas, gracias por tu apoyo Ventura,

 

Te comento, he probado la variable en afirmativo y la imagen de producto desaparece en pc y en versiones móviles las mantiene, junto con la lupa a la derecha para clicar y ampliarla (eso perfeto). Adjunto screens de PC y móvil. 

 

Gracias!

[ventura]

Prueba asi a ver que tal

{if $jqZoomEnabled && $mobile_device == false}

[roolz]

Ahora en PC se activa el jqzoom y se muestra la foto y en móvil igual, el jqzoom tambíen se activa. Qué raro joerrr! Mil gracias por tu ayuda Ventura

[ventura]

lo he podido probar ahora con la plantilla default y funciona bien con 

$mobile_device == false

eso si,no coje la clase del zoom pero tampoco funciona el fancybox porque no es compatible con jqzoom cuando este este activado. El resultado es no que no hay zoom ni fancybox. Para configurar el funcionamiento de uno u otro segun dispositivo habria que editar el controlador