Jump to content
  • 0
vblanch

[MODULO] elevateZoom para Prestashop: efectos de zoom y lupa

Question

Hola a tod@s,

 

Me he dado cuenta de que en Prestashop faltan módulos gratuitos para hacer zoom o efecto lupa sobre las imágenes, y el módulo JqZoom que viene con Prestashop me parece algo básico, así que he hecho mi propio módulo y lo cuelgo aquí.

 

El propósito de este módulo es ser capaz de añadir efectos de lupa o zoom a las imágenes de los productos en la página de producto (ver imágenes adjuntas). También tiene una opción extra donde se puede meter código en jQuery para ejecutar el plugin elevateZoom sobre otras imágenes, como las de las listas de productos (nuevos, etc). Hay un ejemplo de esto en el módulo, en la parte de la configuración.

 

Está basado en el plugin jQuery elevateZoom de Andrew Eades (que es software libre). He adaptado el plugin y lo he parcheado para que funcione con Prestashop, y luego lo he comprimido o "minificado" para que se cargue más rápido.

 

El módulo es completamente gratuito y se publica bajo licencia GPL2.

 

Ha sido desarrollado para Prestashop 1.5.x, * EDITADO ahora compatible con 1.4.x, quizás con 1.3.x pero no lo he probado *

El módulo está en tres idiomas: inglés, castellano (español) y catalán. Si alguien quiere traducirlo a otros idiomas, se lo agradecería. Podeis colgar los archivos php de las traducciones en este hilo y las añadiré al módulo.
 
¡Gracias!

 

Código en GitHub - https://github.com/vblanch/elevatezoom_ps_module
 

Instalación y uso:

 

1. Descomprimir y poner la carpeta "elevatezoom" dentro de la carpeta "modules" en la instalación de Prestashop.

2. Activar el módulo en Módulos (Back office): buscarlo, instalarlo y activarlo con los botones que provee el módulo.
3. En Módulos, hacer click en el botón "Configure" o "Configurar" en el módulo elevateZoom para Prestashop.

4. Poner los ajustes para la página de producto y/o otros zooms y apretar "Guardar".

5. Ver la página de producto y maravillarse B)

 

Por favor, sentíos libres de enviar parches o traducciones en este hilo para que así pueda añadirlas al módulo y daros crédito por ello.

 

Historial de versiones:

1.0.0 Lanzamiento inicial del módulo (atención, solo funciona con 1.5.x)

1.0.1 Añadida compatibilidad con 1.4.x (funciona con ambas versiones)

 

*** Descargas: se puede descargar en el hilo en inglés, en el primer post, donde pone "attached files": http://www.prestashop.com/forums/topic/301879-module-elevatezoom-for-prestashop-zoom-and-magnifier-effects-on-images/ ***

post-746300-0-66656200-1389820320_thumb.jpg

post-746300-0-24870200-1389820323_thumb.jpg

post-746300-0-28453100-1389820330_thumb.jpg

Edited by vblanch

Share this post


Link to post
Share on other sites

105 answers to this question

Recommended Posts

  • 0

Gracias por colgarlo en la lista nadie, eres super rápido!!!  :D

Un placer !

 

PD: Por cierto, hacia tiempo que no actualizaba el indice, y casi se me va al infierno xD por el editor del foro jajajaj

 

Lo dicho, para la Comunidad es todo un honor el poder usar tu aporte !

Share this post


Link to post
Share on other sites
  • 0

Por cierto, 

 

¿Es posible, que subas también el módulo a github: https://github.com/ para que los usuarios puedan hacer colaboraciones de forma mas organizada, dejando el enlace de github en el primer mensaje, lógicamente también conservando el adjunto de la versión estable (ultima versión) del módulo en el primer mensaje (tal como has realizado ahora) ?

 

Saludos,

 

Gracias !

Share this post


Link to post
Share on other sites
  • 0

Por cierto, 

 

¿Es posible, que subas también el módulo a github: https://github.com/ para que los usuarios puedan hacer colaboraciones de forma mas organizada, dejando el enlace de github en el primer mensaje, lógicamente también conservando el adjunto de la versión estable (ultima versión) del módulo en el primer mensaje (tal como has realizado ahora) ?

 

Saludos,

 

Gracias !

 

Hola nadie,

si lo pongo en github puedo poner el enlace en el tema? Lo digo porque según las normas que he leido, está prohibido poner enlaces externos a Prestashop!

Saludos

jajaja, iba con truco, va por los 2 Víctor claro :)

 

Gracias por la parte que me toca ^_^

Share this post


Link to post
Share on other sites
  • 0

Hola nadie,

si lo pongo en github puedo poner el enlace en el tema? Lo digo porque según las normas que he leido, está prohibido poner enlaces externos a Prestashop!

Saludos

Si adjuntas una versión estable del módulo en el mismo foro, tal como tienes ahora, puedes poner el enlace a github como complementario sin problemas y ir añadiendo por ejemplo cada semana, o cada dos días, etc.., en el primer post, los cambios nuevos que se han ido realizando en github. (No pasa nada, no te preocupes)

 

jajaja, iba con truco, va por los 2 Víctor claro :)

Mi nombre es Nadie, no Victor.  :P

Share this post


Link to post
Share on other sites
  • 0

Si adjuntas una versión estable del módulo en el mismo foro, tal como tienes ahora, puedes poner el enlace a github como complementario sin problemas y ir añadiendo por ejemplo cada semana, o cada dos días, etc.., en el primer post, los cambios nuevos que se han ido realizando en github. (No pasa nada, no te preocupes)

 

 

Mi nombre es Nadie, no Victor.  :P

 

Hola Nadie,

acabo de poner el enlace al GitHub, voy a hacer lo mismo en el otro módulo.

¡Saludos!

Share this post


Link to post
Share on other sites
  • 0

Hola Nadie,

acabo de poner el enlace al GitHub, voy a hacer lo mismo en el otro módulo.

¡Saludos!

 

Perfecto !

 

Gracias por su colaboración con la Comunidad de Prestashop.

Share this post


Link to post
Share on other sites
  • 0

Hola gente,

lo he hecho compatible con 1.4.x, espero que os sea muy útil.

 

Si algun valiente quiere probar con la 1.3.x, lo que tiene que hacer es cambiar en "elevatezoom.php":

1.4.0.0

por

1.3.0.0

En la función  "public function __construct()". Luego solo hay que instalarlo y probarlo.

Agradecería que alguien lo hiciera y me dijera si va bien o no, ya tengo 2 prestashops instalados y no tengo ganas de más...

Saludos

Share this post


Link to post
Share on other sites
  • 0

Hola a todos,

los que hayan instalado este módulo, por favor actualicen a la versión 1.0.2 (está colgada en el post en inglés).

Las versiones anteriores dan problemas en Chrome y Opera por un bug en el css que ya está resuelto.

Recuerdo también que el módulo funciona tanto en la 1.4.x como en la 1.5.x.

Saludos :)

Share this post


Link to post
Share on other sites
  • 0

Hola!!

 

Este módulo en principio resuelve todos los problemas que tenía con un trabajo que estoy desarrollando. Y digo en principio, porque ya lo instalé y configuré y no hay manera de que funcione. :S

 

ME interesa que ejecute la ampliación tanto en el product.tpl como en el product_list.tpl Ambos están modificados, te pego la parte implicada:

 

<!-- Products list -->
<ul id="product_list" class="clear">
 
 
 
{foreach from=$products item=product name=products}
 
 
<li class="ajax_block_product {if $smarty.foreach.products.first}first_item{elseif $smarty.foreach.products.last}last_item{/if} {if $smarty.foreach.products.index % 2}alternate_item{else}item{/if} clearfix">
 
<div class="left_block">
{if isset($comparator_max_item) && $comparator_max_item}
<div class="compare">
<input type="checkbox" class="comparator" id="comparator_item_{$product.id_product}" value="comparator_item_{$product.id_product}" {if isset($compareProducts) && in_array($product.id_product, $compareProducts)}checked="checked"{/if} autocomplete="off"/> 
<label for="comparator_item_{$product.id_product}">{l s='Seleccione para comparar neumáticos'}</label>
</div>
{/if}
</div>
<div class="center_block">
<a href="{$product.link|escape:'htmlall':'UTF-8'}" class="product_img_link" title="{$product.name|escape:'htmlall':'UTF-8'}">
<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')|escape:'html'}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} />
{if isset($product.new) && $product.new == 1}<span class="new">{l s='New'}</span>{/if}
</a>
 
Y el product.tpl :
 
<!-- product img-->
<div id="image-block">
{if $have_image}
<span id="view_full_size">
<img src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html'}"{if $jqZoomEnabled && $have_image} 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}" />
<span class="span_link">{l s='Maximize'}</span>
</span>
{/if}
</div>
 
Agradezco muchisimo la ayuda !

 

 

 

http://vlmotorsport.com/

 

 

AdminInformation.gif Información sobre su configuración Información del servidor

Información del servidor: Linux #1 SMP Wed Aug 21 04:03:57 EDT 2013 i686

Versión del servidor web: Apache

Versión de PHP: 5.3.28

Límite de memoria: 265M

Tiempo Máximo de ejecución: 30

Configuración de la base de datos

Versión de MySQL: 5.5.35-33.0

Motor MySQL: InnoDB

Prefijo de las tablas: ps_

Configuración la tienda

Versión de PrestaShop: 1.5.5.0

Enlace de su tienda: http://vlmotorsport.com/

Tema actual: ruedas

Configuración de email

Modo de envío de emails: Utiliza la función email() de PHP

Sus datos

Navegador utilizado: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_8) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/32.0.1700.102 Safari/537.36

 

AdminInformation.gif Compruebe su configuración

Parámetros requeridos: OK

Parámetros opcionales: Por resuelva los siguientes errores

  • magicquotes
  •  
Edited by ghoose

Share this post


Link to post
Share on other sites
  • 0

 

Hola!!

 

Este módulo en principio resuelve todos los problemas que tenía con un trabajo que estoy desarrollando. Y digo en principio, porque ya lo instalé y configuré y no hay manera de que funcione. :S

 

ME interesa que ejecute la ampliación tanto en el product.tpl como en el product_list.tpl Ambos están modificados, te pego la parte implicada:

 

<!-- Products list -->
<ul id="product_list" class="clear">
 
 
 
{foreach from=$products item=product name=products}
 
 
<li class="ajax_block_product {if $smarty.foreach.products.first}first_item{elseif $smarty.foreach.products.last}last_item{/if} {if $smarty.foreach.products.index % 2}alternate_item{else}item{/if} clearfix">
 
<div class="left_block">
{if isset($comparator_max_item) && $comparator_max_item}
<div class="compare">
<input type="checkbox" class="comparator" id="comparator_item_{$product.id_product}" value="comparator_item_{$product.id_product}" {if isset($compareProducts) && in_array($product.id_product, $compareProducts)}checked="checked"{/if} autocomplete="off"/> 
<label for="comparator_item_{$product.id_product}">{l s='Seleccione para comparar neumáticos'}</label>
</div>
{/if}
</div>
<div class="center_block">
<a href="{$product.link|escape:'htmlall':'UTF-8'}" class="product_img_link" title="{$product.name|escape:'htmlall':'UTF-8'}">
<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')|escape:'html'}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} />
{if isset($product.new) && $product.new == 1}<span class="new">{l s='New'}</span>{/if}
</a>
 
Y el product.tpl :
 
<!-- product img-->
<div id="image-block">
{if $have_image}
<span id="view_full_size">
<img src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html'}"{if $jqZoomEnabled && $have_image} 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}" />
<span class="span_link">{l s='Maximize'}</span>
</span>
{/if}
</div>
 
Agradezco muchisimo la ayuda !

 

 

 

http://vlmotorsport.com/neumaticos

 

 

AdminInformation.gif Información sobre su configuración Información del servidor

Información del servidor: Linux #1 SMP Wed Aug 21 04:03:57 EDT 2013 i686

Versión del servidor web: Apache

Versión de PHP: 5.3.28

Límite de memoria: 265M

Tiempo Máximo de ejecución: 30

Configuración de la base de datos

Versión de MySQL: 5.5.35-33.0

Motor MySQL: InnoDB

Prefijo de las tablas: ps_

Configuración la tienda

Versión de PrestaShop: 1.5.5.0

Enlace de su tienda: http://vlmotorsport.com/neumaticos/

Tema actual: ruedas

Configuración de email

Modo de envío de emails: Utiliza la función email() de PHP

Sus datos

Navegador utilizado: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_8) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/32.0.1700.102 Safari/537.36

 

AdminInformation.gif Compruebe su configuración

Parámetros requeridos: OK

Parámetros opcionales: Por resuelva los siguientes errores

  • magicquotes
  •  

 

 

Hola,

En el backend, en la parte de configuración, hay un ejemplo de cómo usarlo para las listas de productos. Si tu tema no deriva de un "default" tendrás que modificar las llamadas jQuery. No resulta complicado, pero tienes que saber algo de jQuery. Lo siento pero no puedo dedicarme a resolver esta clase de problemas, te sugiero que contactes con un programador.

 

Acabo de probarlo y la verdad está fenomenal. Un pedazo de trabajo Victor.

 

Mil gracias

 

Me alegro de que te sirva ^_^  Tened en cuenta que en Safari* va un poco lento, no tengo claro porqué... sospecho que al arreglar el código para dar soporte a Chrome (no iba bien). Si algún gurú del jQuery quiere echarle un vistazo y encuentra la solución que me lo diga, y así entre todos hacemos un módulo mejo :D

 

Saludos

 

*Editado: quería decir Safari!

Edited by vblanch

Share this post


Link to post
Share on other sites
  • 0

Buenas a todos

pues yo también soy novatillo en todo esto pero apasionado.

El tema es que quería probar este módulo, lo descargo sin problemas y lo cargo en prestashop de forma existosa

 

Pero luego no me aparece en el listado. Es como un fantasma. No puedo encontrarlo en la lista de módulos y por tanto no puedo activarlo

 

alguna idea???

Share this post


Link to post
Share on other sites
  • 0

Buenas a todos

pues yo también soy novatillo en todo esto pero apasionado.

El tema es que quería probar este módulo, lo descargo sin problemas y lo cargo en prestashop de forma existosa

 

Pero luego no me aparece en el listado. Es como un fantasma. No puedo encontrarlo en la lista de módulos y por tanto no puedo activarlo

 

alguna idea???

 

Hola Antonio S,

lo primero, qué versión de Prestashop usas?

Has copiado el módulo en /modules/?

Debería salirte /modules/elevatezoom/[todos los archivos del módulo]

Una vez hecho esto, tienes que irte a módulos y usar la búsqueda. Busca "elevatezoom" y debería salirte.

 

Si no es así, algo has hecho mal. Fijate también en no haber copiado el módulo en una subcarpeta dentro de elevatezoom (a veces al descomprimir se crea otra carpeta).

 

Saludos

Share this post


Link to post
Share on other sites
  • 0

Hola Antonio S,

lo primero, qué versión de Prestashop usas?

Has copiado el módulo en /modules/?

Debería salirte /modules/elevatezoom/[todos los archivos del módulo]

Una vez hecho esto, tienes que irte a módulos y usar la búsqueda. Busca "elevatezoom" y debería salirte.

 

Si no es así, algo has hecho mal. Fijate también en no haber copiado el módulo en una subcarpeta dentro de elevatezoom (a veces al descomprimir se crea otra carpeta).

 

Saludos

Pues era eso

es que en el .zip había dos módulos, uno del zoom y otro que se llama screenhot, que no se para que es...

 

muchas gracias

Share this post


Link to post
Share on other sites
  • 0

Hola Antonio S,

lo primero, qué versión de Prestashop usas?

Has copiado el módulo en /modules/?

Debería salirte /modules/elevatezoom/[todos los archivos del módulo]

Una vez hecho esto, tienes que irte a módulos y usar la búsqueda. Busca "elevatezoom" y debería salirte.

 

Si no es así, algo has hecho mal. Fijate también en no haber copiado el módulo en una subcarpeta dentro de elevatezoom (a veces al descomprimir se crea otra carpeta).

 

Saludos

Acabo de ver que screenhot era solo un ejemplo de aplicación

lo dicho, muchas gracias.

Share this post


Link to post
Share on other sites
  • 0

Hola, en mi tienda el modulo funciona bien, pero me interesa que la imagen salga en una capa aparte y se haga zoom al mover el puntero en dicha capa, no en la imagen original. ¿Es esto posible?

 

Por otra parte, las miniaturas abren una vista en thickbox. ¿Cómo podría hacer que sólo cambiara la imagen?

 

Gracias.

Share this post


Link to post
Share on other sites
  • 0

Buenas,

hay alguna forma de configurar el zoom sobre la imagen?.

A mi no me sale la lente pero la imagen sale sin zoom.

El prestashop es el 1.5.6.2

Share this post


Link to post
Share on other sites
  • 0

Hola.

 

He instalado el modulo, en Prestashop 1.6.

 

Configuro el modulo pero no se me agrandan las imagenes, se ven igual incluso de los productos que salen por defecto y que todavia no he borrado. Tengo algunas fotografias de mis productos para hacer las pruebas y no se agrandan, salen exactamente igual que en el original

 

¿Que hago mal?

Share this post


Link to post
Share on other sites
  • 0

Buenas azzio

A mi me pasaba eso en 1.5.6.2 y era que subia las imagenes con pocos pixeles.

Prueba a subirlas mas, que las miniaturas las genera solas.

Suerte

Share this post


Link to post
Share on other sites
  • 0

Buenas a todos!! Me estoy montando mi primera tienda on-line y voy un poco perdido, es muy probable que esté un poco pesadito por el foro preguntando y preguntando!!!

 

Referente a este modulo: lo he instalado en Prestashop 1.6 i no hace la función que debe hacer. Copiee los archivos en  una carpeta con el nombre "elevatezoom" dentro de la carpeta "modules" y seguí las instrucciones aquí dadas, peró no funciona bien, no hace zoom.

Puede ser que sea porqué no esta actualizado para esta versión de prestashop? Hay alguna actualización para 1.6? Que puedo hacer para que funcione???

 

Muchas gracias de antemano!!!

Share this post


Link to post
Share on other sites
  • 0

Ostras, me apunto el módulo, ¡lo quiero, lo quiero!

 

Buenas a todos!! Me estoy montando mi primera tienda on-line y voy un poco perdido, es muy probable que esté un poco pesadito por el foro preguntando y preguntando!!!

 

Referente a este modulo: lo he instalado en Prestashop 1.6 i no hace la función que debe hacer. Copiee los archivos en  una carpeta con el nombre "elevatezoom" dentro de la carpeta "modules" y seguí las instrucciones aquí dadas, peró no funciona bien, no hace zoom.

Puede ser que sea porqué no esta actualizado para esta versión de prestashop? Hay alguna actualización para 1.6? Que puedo hacer para que funcione???

 

Muchas gracias de antemano!!!

 

¿Por qué no lo instalas a través de Módulos -> Módulos > Añadir nuevo módulo? (¿no se puede?) En todo caso, no te olvides de borrar la caché desde Rendimiento.

Edited by rsaiz

Share this post


Link to post
Share on other sites
  • 0

Hola rsaiz,

 

Gracias por la rápida respuesta!

 

Si ya lo hize, instale a través de Módulos una vez copiado dentro de la carpeta modules de prestashop.

Como borro el caché desde rendimineto?

Share this post


Link to post
Share on other sites
  • 0

¡Hola!

 

Tienes que ir a Parámetros avanzados > Rendimiento y deberías tener un botón en la esquina superior derecha para borrar la caché (es que trabajo con otra versión y no te sé decir exactamente).

 

¡Revisa que tienes el módulo activado y configurado también!

Share this post


Link to post
Share on other sites
  • 0

Hola de nuevo Rsaiz!!

 

He borrado el caché como me has dicho y nada. Sigue igual! No amplia la imagen!

A ti te funciona? Me podrias decir como lo tienes configurado? En Ajustes adicionales de Zoom lo tengo como viene predeterminado, no sé si tendrá algo a ver con esto...

Share this post


Link to post
Share on other sites
  • 0

Hola de nuevo Rsaiz!!

 

He borrado el caché como me has dicho y nada. Sigue igual! No amplia la imagen!

A ti te funciona? Me podrias decir como lo tienes configurado? En Ajustes adicionales de Zoom lo tengo como viene predeterminado, no sé si tendrá algo a ver con esto...

 

Pues lo he instalado a través de Módulos, luego al configurarlo (asegúrate que en la primera opción tienes marcado el tick verde, jaja), en tipo de zoom he marcado lente, también he cambiado el cursor a mooz-zoom-in, la forma de lente redonda y de ahí no he cambiado nada más. Luego he borrado la caché del prestashop (y la de mi firefox), he entrado en una ficha de producto y et voilá, funciona perfecto. Lo he comprobado en las imágenes adicionales que he metido y también funciona (primero se abren en una ventana aparte y al cerrar funciona el zoom en donde estaba la imagen de portada).

 

Ah, en Preferencias productos he desactivado el JqZoom (¿este te funcionaba?)

Share this post


Link to post
Share on other sites
  • 0

Pero antes de instalarlo a través de módulos tuviste que descargarte los archivos y copiarlos donde tienes alojado tu prestashop, verdad?

Lo he desinstalado y vuelto a instalar como has dicho, he borrado cachés de todo y nada. Sale la lupa peró no hace zoom. Ya tenia desactivado el JqZoom.

Usas la versión 1.6 de prestashop?

 

No se que hacer más!!!!!

Share this post


Link to post
Share on other sites
  • 0

No, trabajo con 1.5.6.2, pero no creo que haya mucha diferencia en cuanto a esto...

 

En Módulos, hay una opción que es "Añadir nuevo módulo", le das y se tiene que desplegar una cajita en donde puedes examinar tu pc y poder elegir el zip que te descargas; así es como vengo instalando la mayoría de cosas.

 

Lo que no sé es si instalarlo de esta manera o copiando los archivos influye en que funcione o no.

 

¿Usas firefox? Puedes abrir la consola y ver si te está dando algún error de javascript.

También puedes probar otro navegador, si lo tienes.

Share this post


Link to post
Share on other sites
  • 0

Buenos días rsaiz,

 

He añadido el módulo tal como dices, también he probado con otros navegadores y nada.

Estoy usando firefox, como se si me da algun error de javascript? Con Firebug??

Share this post


Link to post
Share on other sites
  • 0

Buenos días rsaiz,

 

He añadido el módulo tal como dices, también he probado con otros navegadores y nada.

Estoy usando firefox, como se si me da algun error de javascript? Con Firebug??

¡Buenos días!

 

Sí, si tienes instalado firebug sí, en la pestaña de Consola. Si no lo tienes, puedes utilizar la propia consola de Firefox (control + shift + k).

 

Igual es que hay algo que no está cargando o que está cargando en orden incorrecto, a mí el otro día el fancybox no me funcionaba y era por algo así.

 

Añado, si lo tienes subido en algún sitio pásame el enlace y le echo un vistazo directamente.

Edited by rsaiz

Share this post


Link to post
Share on other sites
  • 0

Muchas gracias rsaiz, agradezco mucho tu ayuda!

 

Te paso un enlaze con la página del producto haber si puedes encontrar el error. Estoy probando y he puesto cualquier cosa para ir aprendiendo el funcionamiento de prestashop... no te asustes!

 

http://modamarcablanca.com/jerseys-de-punto/2-jersey-con-cuello-pico-de-algodon-color-beig.html?live_configurator_token=3cc11897c5c36d5a66074bc2594809ec&id_shop=1&id_employee=1&theme=&theme_font=

Share this post


Link to post
Share on other sites
  • 0

Jaja, no te preocupes, me voy a a fijar exclusivamente en la imagen :)

 

Un poquito de zoom sí que te está haciendo, pero creo que no lo aprecias porque la foto en realidad es pequeña.

 

Prueba a subir alguna foto que tenga letras (p.ej.: http://wallpaper4god.com/en/wp-content/uploads/2011/10/picture-12.png ) y verás que al pasar la lupa puedes apreciar mejor lo que pone.

 

 

post-802209-0-04232300-1403000440_thumb.png

Edited by rsaiz

Share this post


Link to post
Share on other sites
  • 0

Sí que hace zoom, pero es muy poquito, en la que subí yo se nota más... no sé si a lo mejor es que la redimensión de la imagen que hace es muy pequeña, no sé si se puede configurar eso!

Share this post


Link to post
Share on other sites
  • 0

Voy a indagar un poco más en el modulo haber si encuentro algo. Podrias poner algun enlaze a tus producto? así veo como va tu elevatezoom.

Share this post


Link to post
Share on other sites
  • 0

Lo tengo aún en local, pero te adjunté una captura de la foto con la lupa un par de posts más atrás.

 

De todas maneras, casi seguro que es por la resolución con la que se guarda la imagen al subirla. Estoy trasteando con una foto de 1224x918 y la que muestra es de 600x600, así que el zoom que hace, lógicamente, es menor de lo que me gustaría y creo que es lo mismo que te pasa a ti.

Share this post


Link to post
Share on other sites
  • 0

Funcionando perfecto una vez cambiado el valor para thickbox_default en Preferencias -> Imágenes (de 600x600 a 900x900).

Share this post


Link to post
Share on other sites
  • 0

He cambiado esto y he probado con resoluciones de imagenes mayores. Y la cosa sigue igual.

No se que puede ser... supongo que en 1.6 no funciona esta versión, o estoy haciendo algo mal y no encuentro el que!!!

Share this post


Link to post
Share on other sites
  • 0

He cambiado esto y he probado con resoluciones de imagenes mayores. Y la cosa sigue igual.

No se que puede ser... supongo que en 1.6 no funciona esta versión, o estoy haciendo algo mal y no encuentro el que!!!

 

Pues no se, ya te digo que algo de zoom sí que hace, por lo tanto funciona... comprueba que la imagen sobre la que te hace zoom es suficientemente grande (se guardan en img/p), no se me ocurre más.

Share this post


Link to post
Share on other sites
  • 0

Ahora lo he puesto con el scroll y me funciona, peró lo suyo es que se ampliara sin que la gente tenga que ir con la rueda del mouse arriba y abajo!!!!

Estoy leyendo en algun post en inglés que hay gente que le pasa lo mismo con 1.6. Voy a ver si encuentro alguna solución.

Share this post


Link to post
Share on other sites
  • 0

La primera que cargué, antes de las otras dos que he puesto hoy es de 400x600

 

Bueno ese fallo lo hemos cometido todos creo yo.

 

El zoom como tal NO EXISTE, es un termino que usamos mal. La imagen que veremos en el zoom es justo el tamaño original, me explico, si usamos una plantilla que muestra por ejemplo el producto en una imagen de 300x500, si cargamos las imágenes de ese tamaño veremos el zoom a tamaño real.

 

Si cargamos nuestras imágenes a 600x1000 entonces veremos el zoom con al doble de tamaño, que sigue siendo poco. Para que el zoom se vea aceptable debemos cargar imágenes 3 o 4 veces más grandes que lo que vemos en la pantalla del producto, en nuestro caso las cargamos a 1200x2000.

 

El zoom no existe porque lo que realmente hace prestashop es reducir imágenes, y opera con imágenes reducidas a lo largo de todo el programa, salvo en lo que llamamos "zoom" que muestra la imagen a tamaño "real"

 

La explicación es muy sencilla, al reducir no se pierde calidad, al ampliar sí.

 

Justo este es el motivo por el que prestashop realmente trabaja con miniaturas

 

 

Si tu plantilla usa imágenes de 400x600, deberías cargarlas de 1200x1800... y por supuesto no las amplías a lo burro que perderás calidad, reduce los originales que tengas a es medida...

Edited by moraira

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.

×