Jump to content

[SOLUCIONADO] Efecto fancybox/jqzoom en product-list.tpl


OPS

Recommended Posts

Buenas y gracias de antemano.

 

Estoy tratando de implementar el efecto de zoom sobre las imágenes pero en vez de hacerlo en la página product.tpl como viene por defecto, lo estoy intentando hacer en la página product-list.tpl.

 

He realizado varias modificaciones a partir de algunos hilos de este foro pero no he tenido éxito.

 

En concreto he realizado dos intentos, a saber:

 

1º.- Modificar el código de Frontcontroller.php

 

Aquí lo que he hecho es seguir las instrucciones que se dan en este hilo

 

http://www.prestasho...x-on-all-pages/

 

Concretamente he incluido en el classes/Frontcontroller.php las siguientes líneas

 

Tools::addCSS(_THEME_CSS_DIR_.'global.css', 'all');

 

Tools::addCSS(_PS_CSS_DIR_.'jquery.fancybox-1.3.4.css');

 

_PS_JS_DIR_.'jquery/jquery-1.4.4.min.js',

 

_PS_JS_DIR_.'jquery/jquery.fancybox-1.3.4.js',

 

 

Esta prueba la he realizado dejando y quitando las líneas correspondientes del productcontroller.php.

 

Pero no funciona.

 

2º.- En este segundo intento lo que he hecho es incluir las líneas anteriores en el categorycontroler.php dejando la función setmedia como sigue:

 

public function setMedia()

{

parent::setMedia();

 

 

Tools::addCSS(array(

_PS_CSS_DIR_.'jquery.cluetip.css' => 'all',

_THEME_CSS_DIR_.'scenes.css' => 'all',

_THEME_CSS_DIR_.'category.css' => 'all',

_THEME_CSS_DIR_.'product_list.css' => 'all'));

//inicio modificación

Tools::addCSS(_PS_CSS_DIR_.'jquery.fancybox-1.3.4.css', 'screen');

Tools::addJS(array(

_PS_JS_DIR_.'jquery/jquery.fancybox-1.3.4.js',

_PS_JS_DIR_.'jquery/jquery.idTabs.modified.js',

_PS_JS_DIR_.'jquery/jquery.scrollTo-1.4.2-min.js',

_PS_JS_DIR_.'jquery/jquery.serialScroll-1.2.2-min.js',

_THEME_JS_DIR_.'tools.js',

_THEME_JS_DIR_.'product.js'));

 

if (Configuration::get('PS_DISPLAY_JQZOOM') == 1)

{

Tools::addCSS(_PS_CSS_DIR_.'jqzoom.css', 'screen');

Tools::addJS(_PS_JS_DIR_.'jquery/jquery.jqzoom.js');

}

//fin modificación

if (Configuration::get('PS_COMPARATOR_MAX_ITEM') > 0)

Tools::addJS(_THEME_JS_DIR_.'products-comparison.js');

}

 

Quitando las líneas que hacen referencia a fancybox y a jqzoom del productcontroller.php.

 

Pero tampoco funciona.

 

Lo he probado tanto en versión 1.4.6.2 como en versión 1.4.7.0 y no me funciona en ninguna de ellas. No he tocado el themes, estoy trabajando con el standar.

 

Cualquier ayuda será agradecida.

Link to comment
Share on other sites

Buenas y gracias de antemano.

 

Estoy tratando de implementar el efecto de zoom sobre las imágenes pero en vez de hacerlo en la página product.tpl como viene por defecto, lo estoy intentando hacer en la página product-list.tpl.

 

He realizado varias modificaciones a partir de algunos hilos de este foro pero no he tenido éxito.

 

En concreto he realizado dos intentos, a saber:

 

1º.- Modificar el código de Frontcontroller.php

 

Aquí lo que he hecho es seguir las instrucciones que se dan en este hilo

 

http://www.prestasho...x-on-all-pages/

 

Concretamente he incluido en el classes/Frontcontroller.php las siguientes líneas

 

Tools::addCSS(_THEME_CSS_DIR_.'global.css', 'all');

 

Tools::addCSS(_PS_CSS_DIR_.'jquery.fancybox-1.3.4.css');

 

_PS_JS_DIR_.'jquery/jquery-1.4.4.min.js',

 

_PS_JS_DIR_.'jquery/jquery.fancybox-1.3.4.js',

 

 

Esta prueba la he realizado dejando y quitando las líneas correspondientes del productcontroller.php.

 

Pero no funciona.

 

2º.- En este segundo intento lo que he hecho es incluir las líneas anteriores en el categorycontroler.php dejando la función setmedia como sigue:

 

public function setMedia()

{

parent::setMedia();

 

 

Tools::addCSS(array(

_PS_CSS_DIR_.'jquery.cluetip.css' => 'all',

_THEME_CSS_DIR_.'scenes.css' => 'all',

_THEME_CSS_DIR_.'category.css' => 'all',

_THEME_CSS_DIR_.'product_list.css' => 'all'));

//inicio modificación

Tools::addCSS(_PS_CSS_DIR_.'jquery.fancybox-1.3.4.css', 'screen');

Tools::addJS(array(

_PS_JS_DIR_.'jquery/jquery.fancybox-1.3.4.js',

_PS_JS_DIR_.'jquery/jquery.idTabs.modified.js',

_PS_JS_DIR_.'jquery/jquery.scrollTo-1.4.2-min.js',

_PS_JS_DIR_.'jquery/jquery.serialScroll-1.2.2-min.js',

_THEME_JS_DIR_.'tools.js',

_THEME_JS_DIR_.'product.js'));

 

if (Configuration::get('PS_DISPLAY_JQZOOM') == 1)

{

Tools::addCSS(_PS_CSS_DIR_.'jqzoom.css', 'screen');

Tools::addJS(_PS_JS_DIR_.'jquery/jquery.jqzoom.js');

}

//fin modificación

if (Configuration::get('PS_COMPARATOR_MAX_ITEM') > 0)

Tools::addJS(_THEME_JS_DIR_.'products-comparison.js');

}

 

Quitando las líneas que hacen referencia a fancybox y a jqzoom del productcontroller.php.

 

Pero tampoco funciona.

 

Lo he probado tanto en versión 1.4.6.2 como en versión 1.4.7.0 y no me funciona en ninguna de ellas. No he tocado el themes, estoy trabajando con el standar.

 

Cualquier ayuda será agradecida.

Quizás te valga lo que se explica aquí: http://victor-rodena...-en-prestashop/

Link to comment
Share on other sites

Hola denuevo.

Muchas gracias por tu pronta respuesta. He estado probando lo que se propone y si que funciona correctamente en la versión 1.4.6.2 pero no así en la versión 1.4.7.0. ¿Alguna idea de por qué puede no estar funcionando en esta versión?

 

Muchas gracias.

 

He subido a un servidor una página de prueba en versión 1.4.7.0 para que se vea a lo que me refiero cuando digo que no funciona.

 

Gracias de antemano.

 

Perdón, la página

 

http://www.chapaypinturafranciscoleon.com/prestashop/category.php?id_category=20

Link to comment
Share on other sites

Bueno, parece que ya funciona, el problema que tenía no era con la versión sino que se trataba de un problema de compatibilidad con el módulo Imagesenlage. He desinstalado este último y funciona ya correctamente.

 

Muchas gracias.

Link to comment
Share on other sites

Bueno, parece que ya funciona, el problema que tenía no era con la versión sino que se trataba de un problema de compatibilidad con el módulo Imagesenlage. He desinstalado este último y funciona ya correctamente.

 

Muchas gracias.

Un placer ayudarte.

Un saludo y recuerda que estaremos por el foro para guiarte por este mundo oscuro y lleno de tinieblas.

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...