decembre_ Posted May 14, 2012 Share Posted May 14, 2012 Bonjour! Je suis nouvelle sur le forum, je suis en train de créer un site vitrine en modifiant le template du thème prestashop_alt et j'aurais besoin d'aide. Le fait est que je souhaite rajouter une lightbox au chargement de ma page d'accueil. J'ai donc modifier la "facebox" et testé celle-ci au préalable en html sur mon serveur personnel (je rajoute mon code html en bas de page si nécessaire) J'ai donc placé mon image dans le répertoire img du thème, mon fichier javascript dans www/themes/prestashop_alt/js/ et mes fichiers jquery dans le dossier www/themes/prestashop_alt/js/jquery/ que j'ai créé. J'ai tenté d'appeler ces fichiers dans le header.tpl du thème, mais je n'y arrive pas.. Je n'ai jamais eu de cours de smarty, j'ai donc tenté quelques formules trouvées sur des forums, mais en vain, est-ce que quelqu'un pourrait m'éclairer s'il vous plaît?? Merci d'avance pour votre aide!! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>lightbox au chargement d'une page et fermeture automatique</title> <meta name="description" content="Ouvrir une popup onload au chargement d'une page de style lightbox et programmer sa fermeture avec le d�lais que l'on souhaite" /> <!--facebox--> <link rel="stylesheet" type="text/css" href="css/css_facebox.css"/> <script type="text/javascript" src="jquery/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript" src="Javascript/js_facebox.js"></script> <script src="http://cdn.jquerytools.org/1.2.5/all/jquery.tools.min.js"></script> <script type="text/javascript" src="jquery/jquery_facebox.js"></script> </head> <body onLoad="fitWindowSize()"> <div> blabla </div> <div id="facebox"> <div class="content"> <div style="padding:30px;"> <div><img class="close" src="images/img_facebox.jpg"/> </div> </div> </div> </div> </body> </html> Link to comment Share on other sites More sharing options...
Samy_R Posted May 17, 2012 Share Posted May 17, 2012 Tu peux sinon rajouter {$js_dir} dans le chemin de tes fichiers (cela insère l'adresse du dossier du thème). Par exemple : <script type="{$js_dir}jquery/jquery_facebox.js"></script> donnera à l'écran : <script type="http://toto.fr/themes/prestashop_alt/js/jquery/jquery_facebox.js"></script> Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now