Añadir Plugin JQuery

[adrifala]

Hola, quiero añadir a mi pagina Plugins JQuery...

 

Como tendria que hacerlo. He intentado buscar algun manual, pero no me queda claro..

 

El Plugin que deseo introducir se encuentra en esta pagina

 

http://www.slidorion.com/

 

y lo querria introducir en el home de mi pagina de prestashop  

 

http://fotometall.com/index.php

 

Alguna sugerencia... GRACIAS

 

 

[FranciscoVillen]

Tendras que cargar los archivos .js y .css del plugin en tu web.

 

Para lo cual subes los archivos necesarios .js a la carpeta js de tu tema (/themes/tutema/js/) y los archivos .css a /themes/tutema/css

 

Editas el archivo header.tpl de tu tema y antes de la etiqueta de cierre del head (</head>) metes lo siguiente por cada archivo .js necesario:

<script type="text/javascript" src="{$js_dir}nombre-del-archivo.js"></script>

Y para el archivo.css:

<link rel="stylesheet" href="{$css_dir}archivo.css" />

Si quieres que el plugin solamente se cargue en la pagina de inicio de tu prestashop, seria asi:

{if $page_name == 'index'}
<script type="text/javascript" src="{$js_dir}nombre-del-archivo.js"></script>
<link rel="stylesheet" href="{$css_dir}archivo.css" />
{/if}

El archivo de jquery.min.js en un principio no necesitarias meterlo pues ya lo incluye prestashop,  a no ser que el plugin necesite una versión de jquery diferente a la que use tu prestashop.

 

Luego para añadir el código que inicializa y hace funcionar el plugin, sería asi:

{literal}
$(document).ready(function(){
	$('#slidorion').slidorion();
});
{/literal}

Si no metes las etiquetas {literal}, te puede dar problemas al meter codigo de javascript en un archivo .tpl

Edited January 27, 2014 by FranciscoVillen (see edit history)