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

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
  • 0

Correcto, a eso venía y a eso me refería con todo el tema de ampliar las dimensiones del thickbox_default en Preferencias-> Imágenes para tener un imagen de mejor resolución; sólo que no se me da tan bien explicarme :P

 

El zoom que le hace es leve, porque la imagen es de una resolución pequeña, pero existe, el módulo funciona bien.

Edited by rsaiz

Share this post


Link to post
Share on other sites
  • 0

Cual es el maximo peso que puedo cargar, ahora estoy cargando una foto que he ampliado y pesa 5 MB, peró se me ha quedado colgado el prestashop...

Share this post


Link to post
Share on other sites
  • 0

Eso depende de tu servidor, si puedes crea un archivo llamado info.php con el siguiente código:

<?php phpinfo();?>

Súbelo a la raíz de tu tienda e intenta acceder desde el navegador. El valor que te interesa es: upload_max_filesize

 

De todas maneras, no necesitas 5 MB, a ver, no es cuestión del peso en megabytes sino del ancho y alto de la foto...

Share this post


Link to post
Share on other sites
  • 0

Cual es el maximo peso que puedo cargar, ahora estoy cargando una foto que he ampliado y pesa 5 MB, peró se me ha quedado colgado el prestashop...

Bueno no hay una ciencia exacta, ya que depende del servidor.

 

A nosotros por ejemplo nos va perfectamente con fotos entre 200kb y 500kb con 200ppp y 1200x2000... claro que en un VPS, antes en una servidor compartido con fotos de 100kb iba más lento que el caballo del malo

Share this post


Link to post
Share on other sites
  • 0

He subido una nueva foto original 1772x1772 y tampoco amplia. Con esta, una vez cargada, me pone lo siguiente:

 

Fecha y hora: 17/06/2014 18:42:02
Error: TypeError: document.getElementById(...) is null

Línea: 7333

 

 

Puede tener algo que ver??

Share this post


Link to post
Share on other sites
  • 0

Ay, calla, que estaban para el otro lado, jajaja, qué tonta que no lo ví.

 

 

Pues ahora con una imagen más grande sí que es cierto que parece que no está haciendo todo el zoom que debería...

Share this post


Link to post
Share on other sites
  • 0

Jejeje! No se que hacer ya!!!!

 

 

Me dice en la consola de errores:

 

CSS Error: Error al intepretar el valor para 'top'. Declaración rechazada.

 

Y esto:

 

Fecha y hora: 17/06/2014 19:21:24
Error: TypeError: document.getElementById(...) is null

Línea: 7333

Share this post


Link to post
Share on other sites
  • 0

Ok!

 

El jqzoom tampoco funciona... en la imagen del jersey en lugar de ampliar lo que hace es moverla de sitio y con las otras de mayor tamaño se queda en el proceso de loading y no acaba de cargarla.

 

Ahora he puesto el jqzoom si quieres ver.

Share this post


Link to post
Share on other sites
  • 0

Pues es que no te sé decir más... me suena haber leído de gente que ha tenido problemas debido al parámetro del tinte y que al desactivarlo iba bien, pero no creo que sea el caso.

 

En el hilo en inglés estoy viendo que le pasa a más gente y he visto una respuesta en concreta que dice que la imagen sobre la que hace zoom y la que se muestra es la misma, cuando debería ser thickbox_default a mi entender:

 

 

He is right.

In Prestashop 1.6, the zoomed image is using large_default image sizes. Therefore both the product image and zoom image is using large_default which make no sense.

Someone please look into this

 

A ver si lo ve vblanch y nos dice algo, porque la verdad que jquery no es mi fuerte y llevo muy poco con prestashop.

Share this post


Link to post
Share on other sites
  • 0

Buenos dias chicos,

 

No te preocupes rsaiz! Te agradezco todo el esfuerzo en ayudarme! Si el post en inglés ya lo vi, peró me quedo igual.

 

Moraira, he borrado el caché en parámetros avanzados: rendimiento. Es ahí verdad? Aunque toda esta página de "rendimiento" no la entiendo mucho... con una vez que haya vaciado el caché es suficiente? o tengo que hacerlo cada vez que haga algo?

Y lo de regenerar miniaturas etc... dónde se hace????

Share this post


Link to post
Share on other sites
  • 0

Bueno, pero da rabia querer ayudar y que no salga, leches!

 

La caché deberías vaciarla cuando modifiques archivos tpl o añadas módulos nuevos y cosillas así; no es necesario por ejemplo, si estás introduciendo productos.

 

Regenerar miniaturas se hace también desde Preferencias -> Imágenes, tienes que tener un apartado llamado así y un botoncito para regenerarlas.

Edited by rsaiz

Share this post


Link to post
Share on other sites
  • 0

Jejeje!!! Si es verdad! Bueno algun día lo resolveremos!

 

He regenerado las miniaturas y sigue igual la cosa... en fin. A ver si dan con alguna solución al problema!!

 

Me parece que iré haciendo otras cosas y seguiré preguntando por el foro.

Rsaiz y moraira puedo consultarles directamente si me surgen otras dudas?

 

Gracias por todo amigos!

Share this post


Link to post
Share on other sites
  • 0

Si claro, si podemos ayudar estupendo, pero como estamos suscritos a esta post, si las pones por aquí pueden pasar dos cosas:

 

1) que otro colega conozca el problema y te lo solucione

2) que este problema lo pueda encontrar fácilmente alguien que le pase lo mismo

 

por ello cualquier pregunta si es pública mejor.

Share this post


Link to post
Share on other sites
  • 0

Buenas de nuevo, ¿álguien ha conseguido solucionar el problema y que funcione el zoom en el product-list.tpl ?

 

El plugin funciona, pero al llamar a la misma imagen que muestra la plantilla (en este caso de 60 px) pues no amplia nada.

 

He intentado resolverlo cambiando cosas en el .js aqui, en la ultima linea :

 

$.fn.elevateZoom.options = {
zoomActivation: "hover", // Can also be click (PLACEHOLDER FOR NEXT VERSION)
zoomEnabled: true, //false disables zoomwindow from showing
preloading: 1, //by default, load all the images, if 0, then only load images after activated (PLACEHOLDER FOR NEXT VERSION)
zoomLevel: 1, //default zoom level of image
scrollZoom: false, //allow zoom on mousewheel, true to activate
scrollZoomIncrement: 0.1,  //steps of the scrollzoom
minZoomLevel: false,
maxZoomLevel: false,
easing: false,
easingAmount: 12,
lensSize: 200,
zoomWindowWidth: 400,
zoomWindowHeight: 400,
zoomWindowOffetx: 0,
zoomWindowOffety: 0,
zoomWindowPosition: 1,
zoomWindowBgColour: "#fff",
lensFadeIn: false,
lensFadeOut: false,
debug: false,
zoomWindowFadeIn: false,
zoomWindowFadeOut: false,
zoomWindowAlwaysShow: false,
zoomTintFadeIn: false,
zoomTintFadeOut: false,
borderSize: 4,
showLens: true,
borderColour: "#888",
lensBorderSize: 1,
lensBorderColour: "#000",
lensShape: "square", //can be "round"
zoomType: "window", //window is default,  also "lens" available -
containLensZoom: false,
lensColour: "white", //colour of the lens background
lensOpacity: 0.4, //opacity of the lens
lenszoom: false,
tint: false, //enable the tinting
tintColour: "#333", //default tint color, can be anything, red, #ccc, rgb(0,0,0)
tintOpacity: 0.4, //opacity of the tint
gallery: false,
galleryActiveClass: "zoomGalleryActive",
imageCrossfade: false,
constrainType: false,  //width or height
constrainSize: false,  //in pixels the dimensions you want to constrain on
loadingIcon: false, //http://www.example.com/spinner.gif
cursor:"default", // user should set to what they want the cursor as, if they have set a click function
responsive:true,
onComplete: $.noop,
onZoomedImageLoaded: function() {},
onImageSwap: $.noop,
onImageSwapComplete: $.noop,
zoomImage: 'thickbox' /* new for Prestashop: set the large image with this parameter */
};
 
 
pero no consigo que funcione, ni tampoco se si está bien lo que hago, no tengo ni idea de JS :S
 
¿Alguna novedad?

Share this post


Link to post
Share on other sites
  • 0

Hola ghoose,

 

Todavia estoy igual con el elevate zoom. Tampoco consigo hacer que funcione.

Ahora lo que me hace es que cuando paso la lupa por encima de la imagen, el interior de esta se ve blanco, en vez de aumentar.

Haber si alguien da con la solución!

 

 

Saludos!!!

Share this post


Link to post
Share on other sites
  • 0

Hola a todos,

 

A alguien le funciona el elevate zoom con prestashop 1.6?

Como lo ha hecho? No hay manera d e que funcione... :(

 

 

Gracias de antemano!

 

Saludos.

Share this post


Link to post
Share on other sites
  • 0

Hola a todos,

el módulo lo desarrollé en Prestashop 1.5, así que es complicado que funcione en la 1.6 (cambian muchas cosas). De todas formas para algún manitas de jQuery no debería ser complicado adaptarlo a la 1.6.

No dispongo de tiempo para dedicarme a arreglarlo para la 1.6, ya que el módulo acepta donaciones y hasta ahora no he recibido ninguna... Y los programadores también tenemos que comer.

Saludos a todos ^_^

Share this post


Link to post
Share on other sites
  • 0

Hola a todos,

 

A alguien le funciona el elevate zoom con prestashop 1.6?

Como lo ha hecho? No hay manera d e que funcione... :(

 

 

Gracias de antemano!

 

Saludos.

 

Hola plosert y usuarios del foro,

hay un usuario que ha arreglado el módulo para que pueda usarse en Prestashop 1.6, os dejo el enlace:

 

http://www.prestashop.com/forums/topic/301879-module-elevatezoom-for-prestashop-zoom-and-magnifier-effects-on-images/page-7

 

Aquí tenéis el link directo a la versión 1.0.4, retocado por birenmehta: http://www.prestashop.com/forums/index.php?app=core&module=attach&section=attach&attach_rel_module=post&attach_id=102762

 

Saludos y gracias por usar el módulo ;)

Share this post


Link to post
Share on other sites
  • 0

Muchas gracias vblanch, voy a ver si por fin funciona!!!

 

Saludos.

 

Hola plosert,

¿podrías confirmar si funciona el módulo en 1.6?

Saludos

Share this post


Link to post
Share on other sites
  • 0

Muy buena idea y gran trabajo. Mientras hay gente abusando del codigo abierto y cobrando a mansalvas por cualquier cosa, hay gente como usted que piensa quizas en su propio beneficio y ofrece para ayudar a los demas. Sin darse cuenta, usted ayuda a gente que no tiene dinero para comprar cosas por que no es un capitalista y recien empieza desde abajo.

 

Necesito preguntarle su puede actualizar este modulo para la ultima version de ps por favor.

 

Un abrazo

Cheers

Share this post


Link to post
Share on other sites
  • 0

Muy buena idea y gran trabajo. Mientras hay gente abusando del codigo abierto y cobrando a mansalvas por cualquier cosa, hay gente como usted que piensa quizas en su propio beneficio y ofrece para ayudar a los demas. Sin darse cuenta, usted ayuda a gente que no tiene dinero para comprar cosas por que no es un capitalista y recien empieza desde abajo.

 

Necesito preguntarle su puede actualizar este modulo para la ultima version de ps por favor.

 

Un abrazo

Cheers

 

Gracias gonza28,

 

el módulo es gratuito pero se agradecen las donaciones. Sin donaciones, no podré seguir haciendo módulos gratis.

 

El módulo ha sido arreglado para la última versión de PS, puedes encontrarlo aquí:

 

http://www.prestashop.com/forums/topic/301879-module-elevatezoom-for-prestashop-zoom-and-magnifier-effects-on-images/?p=1526209

 

Para PrestaShop 1.6, descarga la versión 1.0.4 del módulo.

 

Saludos :)

Edited by vblanch

Share this post


Link to post
Share on other sites
  • 0

Hola a tod@s.

He instalado el módulo, gracias "vblanch", he mirado el archivo "jquery.elevatezoom.js" y por defecto viene activado el "responsive:true" pero no me funciona.

Tengo puesto para que me salga la ventana en el lateral derecho, posición 2, pero el tamaño de ventana y el contenedor del tinte en la imagen original no cambia de tamaño.

 

Me podriais ayudar???

 

Gracias.

 

 

NOTA__ He probado a incluir en "Parámetros adicionales" el valor "responsive:true" pero nada de nada.

Share this post


Link to post
Share on other sites
  • 0

Nada, lo configure como lo configure, la ventana es más grande que el original y monta.

 

Buenas JuDrYa,

si tu tema no es el "estándar" de PrestaShop tendrás que adaptar el módulo o tu tema.

Otra opción es comprar un módulo de zoom de pago, donde te prestarán soporte.

Ten en cuenta que este módulo es gratuito y no puedo permitirme el adaptarlo para cada tienda individual.

Saludos y suerte :)

Share this post


Link to post
Share on other sites
  • 0

Buenas JuDrYa,

si tu tema no es el "estándar" de PrestaShop tendrás que adaptar el módulo o tu tema.

Otra opción es comprar un módulo de zoom de pago, donde te prestarán soporte.

Ten en cuenta que este módulo es gratuito y no puedo permitirme el adaptarlo para cada tienda individual.

Saludos y suerte :)

 

Ciertamente cuando lo he podido probarlo yo tambien, me fallaba usaba una plantilla de leo, entonces no es posible solucionar el problema sin comprar el modulo de pago ¿?

 

Gracias por el aporte,

Edited by galindogadea

Share this post


Link to post
Share on other sites
  • 0

Ciertamente cuando lo he podido probarlo yo tambien, me fallaba usaba una plantilla de leo, entonces no es posible solucionar el problema sin comprar el modulo de pago ¿?

 

Gracias por el aporte,

 

Sí es posible, sólo hay que adaptar el tema que has comprado, tocando el CSS.

 

Saludos :)

Share this post


Link to post
Share on other sites
  • 0

Hola, me interesa el módulo pero con una modificación para una función que no encuentro por ningún lado y creo que es esencial para Prestashop, se supone que si te da la opción de incluir texturas en los atributos es para poder ampliarlas ya que al tamaño original que las muestra prestashop por defecto no distingues nada, se podría hacer una modificación para esto?, lo haría yo pero no soy programador, un saludo y gracias. 

Share this post


Link to post
Share on other sites
  • 0