Mostrar ventana emergente tipo lightbox/fancybox en Prestashop

De wikipedia_IndianWebs
Saltar a: navegación, buscar




Para crear una ventana emergente en Prestashop tipo Lightbox o Fancybox, podemos usar el siguiente tipo de enlace, donde ponemos la URL de la página que queremos cargar dentro de la ventana:

<a class="iframe" href="www.midominio.com/content/6-privacy-policy?content_only=1">Mostar ventana lightbox</a>


  • Para que funcione se debe poner este script al final del tpl que estas modificando.


<script type="text/javascript">
$('a.iframe').fancybox();</script>


  • Para modificar el tamaño de la ventana fancybox se puede usar, si no se muestra la ventana emergente, puede ser necesario definir un tamaño:
$(document).ready(function(){
$("a.iframe").fancybox({
'autoScale'  : false,
'transitionIn'  : 'none',
'transitionOut'  : 'none',
'width'  : 400,
'height'  : 400,
'type'  : 'iframe'});
});

--Oscar Sánchez Guiu (discusión) 09:45 4 oct 2013 (CEST)

Herramientas personales
Espacios de nombres

Variantes
Acciones
Navegación
Herramientas
Compartir
Categorías
Apps
[×] CSS
[×] Diseño
Google
[×] Joomla
[×] Magento
[×] Mobile
[×] RRHH
[×] YouTube