Añadir Lightbox a las imágenes del CMS de Prestashop

Añadir Lightbox a las imágenes del CMS de Prestashop

Una modificación que puede ser de utilidad, si necesitáis que las imágenes insertadas en las páginas del CMS de Prestashop tengan el efecto Lightbox.

La solución está en incluir los archivos que ya vienen por defecto en Prestashop 1.4 en la cabecera de las páginas del CMS y eso se hace creando el archivo CMSController.php dentro de la carpeta /override/controllers, con el siguiente contenido.

[codesyntax lang=»php»]

<?php
class CmsController extends CmsControllerCore {
    public function setMedia() {
        parent::setMedia();

        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.serialScroll-1.2.2-min.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');
        }
    }
}?>

[/codesyntax]

Luego, al insertar las imágenes en el CMS lo hacemos de la siguiente forma:

[codesyntax lang=»html4strict»]

<a class="thickbox" href="imagen_grande.jpg">
	<img src="imagen_pequeña" alt="titular" />
</a>

[/codesyntax]

 

About Post Author

pablocia

Lo mejor para observar la corriente es no estar en ella, así que toma distancia, piensa y verás la solución. <a href="https://es-es.facebook.com/visualxtudio">Facebook</a>
Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

2 thoughts on “Añadir Lightbox a las imágenes del CMS de Prestashop

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Entrada anterior Test online Responsive Design
Entrada siguiente Tutorial: Desarrollo php con Smarty