Jump to content

Javascript en un .tpl de un módulo


srinking

Recommended Posts

Hola !

 

Estoy teniendo problemillas para insertar un slide en la página inicial de mi Prestashop ( 1.5.4.1 ). Concretamente el slide de http://html5box.com/...llery/index.php que como veréis tiene una pinta estupenda. Por ejemplo salta al siguiente slide cuando termina el video en reproducción entre otros detalles bien hechos.

 

He copiado el siguiente código en el .ptl de un módulo que muestra el html en la home ( con el módulo home free block ):

 

<p>fuera de block content</p>
<div class="block_content">

<p>dentro de block content</p>
<div style="display:none;" class="html5gallery" data-skin="horizontal" data-width="480" data-height="272">
<p>homefreeeblock dentro de display:none</p>

 <!-- Add videos to Gallery -->
 <a href="images/Big_Buck_Bunny.mp4"><img src="images/Big_Buck_Bunny.jpg" alt="Big Buck Bunny, Copyright Blender Foundation"></a>

 <!-- Add Youtube video to Gallery -->
 <a href="http://www.youtube.com/embed/YE7VzlLtp-4"><img src="http://img.youtube.com/vi/YE7VzlLtp-4/2.jpg" alt="Youtube Video"></a>

 <!-- Add Vimeo video to Gallery -->
 <a href="http://player.vimeo.com/video/1084537?title=0&byline=0&portrait=0"><img src="images/Big_Buck_Bunny.jpg" alt="Vimeo Video"></a>

</div>

 

He puesto los .js en el header.tpl ( se que es un poco chapuza pero funciona, o eso creo ):

 

[size=4]<script type="text/javascript" src="/modules/contentbox4/html5gallery/html5gallery.js"></script>[/size]
<script type="text/javascript" src="/modules/contentbox4/html5gallery/jquery.js"></script>

 

Y el caso es que luego aparece todo el código como debería:

 

encabezado:

[/size]
...		
<script type="text/javascript" src="/modules/blocktopmenu/js/superfish-modified.js"></script>
<script type="text/javascript" src="/modules/contentbox4/html5gallery/html5gallery.js"></script>
<script type="text/javascript" src="/modules/contentbox4/html5gallery/jquery.js"></script>
[size=4]<script type="text/javascript">[/size][size=4]...[/size]

 

Las rutas existen y son accesibles en un principio.

 

Y la parte del slide también aparece en la home, en cambio parece que no se ejecuta ningún código javascript relacionado con el slide.

 

He probado en otra parte con un index.html puro y duro usando el mismo código que aquí y ahí funciona.

 

En la consola del navegador tampoco encuentro ningún error relaciona con esto.

 

¿ Ha alguien se le ocurre que puede estar pasando ? No se porque me huelo que por algún tema de seguridad o algo Prestashop no me está permitiendo ejecutar mi javascript.

 

PD: También he hecho el mismo proceso con el módulo contentbox por si acaso fuera algo de eso, pero vamos, parece ser que no van por ahí los tiros.

 

¿ Alguna solución, aunque no sea muy "limpia" ?

 

Muchas gracias !

Link to comment
Share on other sites

Me respondo,

 

La solución estaba en no llamar al jquery.js dos veces :P

 

Es decir, solo llamar el javascript de html5gallery.js:

 

<script type="text/javascript" src="/modules/contentbox4/html5gallery/html5gallery.js"></script>

 

Por si ha alguien le puede venir bien la solución.

Link to comment
Share on other sites

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