kkoci Posted October 26, 2013 Share Posted October 26, 2013 I have this html code in my index.tpl: </head> <body onload="MM_preloadImages('img/inicio_on.jpg','img/nuestra_on.jpg','img/servicios_on.jpg','img/promociones_on.jpg','img/reservas_on.jpg','img/galeria_on.jpg','img/contactenos_on.jpg','img/hacia_aeropuerto_on.jpg','img/desde_aeropuerto_on.jpg','img/choferes_on.jpg','img/servicio_especial_on.jpg','img/otros_servicios_on.jpg')"> <table width="1000" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr> <td width="18" scope="col"> </td> <td width="964" scope="col"><table width="964" border="0" cellspacing="0" cellpadding="0"> <tr> <td scope="col"><table width="964" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="201" scope="col"><a href="index-2.html"><img src="img/www.taxiperuremisse.com_logo.jpg" alt="www.taxiperuremisse.com" width="201" height="125" border="0" /></a></td> <td width="528" scope="col"> </td> <td width="235" valign="top" scope="col"><table width="235" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="235" height="79" background="img/www.taxiperuremisse.com_bg_head.jpg" scope="col"><p class="texto_derecha">Central telefónica:<br /> <strong>242-5877</strong><br /> [email protected]</p> </td> </tr> <tr> <td width="235" height="46"><a href="https://www.facebook.com/taxiperuremisse" target="_blank"><img src="img/www.taxiperuremisse.com_logo_facebook.jpg" alt="www.taxiperuremisse.com" width="234" height="46" border="0" /></a></td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td><table width="964" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="82"><a href="index-2.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Inicio','','img/inicio_on.jpg',1)"><img src="img/inicio_off.jpg" alt="www.taxiperuremisse.com" name="Inicio" width="82" height="48" border="0" id="Inicio" /></a></td> <td width="187"><a href="nuestraempresa.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Quienes Somos','','img/nuestra_on.jpg',1)"><img src="img/nuestra_off.jpg" alt="www.taxiperuremisse.com" name="Quienes Somos" width="187" height="48" border="0" id="Quienes Somos" /></a></td> <td width="118"><a href="servicios.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Servicios','','img/servicios_on.jpg',1)"><img src="img/servicios_off.jpg" alt="www.taxiperuremisse.com" name="Servicios" width="118" height="48" border="0" id="Servicios" /></a></td> <td width="143"><a href="promociones.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Promociones Taxi Peru Remisse','','img/promociones_on.jpg',1)"><img src="img/promociones_off.jpg" alt="www.taxiperuremisse.com" name="Promociones Taxi Peru Remisse" width="143" height="48" border="0" id="Promociones Taxi Peru Remisse" /></a></td> <td width="184"><a href="reservasonline.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Reservas ONLINE','','img/reservas_on.jpg',1)"><img src="img/reservas_off.jpg" alt="www.taxiperuremisse.com" name="Reservas ONLINE" width="184" height="48" border="0" id="Reservas ONLINE" /></a></td> <td width="102"><a href="galeria.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Galeria','','img/galeria_on.jpg',1)"><img src="img/galeria_off.jpg" alt="www.taxiperuremisse.com" name="Galeria" width="102" height="48" border="0" id="Galeria" /></a></td> <td width="148"><a href="contactenos.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contactenos','','img/contactenos_on.jpg',1)"><img src="img/contactenos_off.jpg" alt="www.taxiperuremisse.com" name="Contactenos" width="148" height="48" border="0" id="Contactenos" /></a></td> </tr> </table></td> </tr> <tr> <td width="964" height="5"><img src="img/5.jpg" width="12" height="5" /></td> </tr> <tr> <td width="964" height="386"><!-- MODULE NivoSlider for PrestaShop --> <!-- www.tiendasvirtuales.com.ve --> <script type="text/javascript" src="/modules/nivoslider/tools/js/jquery.nivo.slider.pack.js"></script> <link rel="stylesheet" type="text/css" href="/modules/nivoslider/tools/css/nivo-slider.css" /> <div id="slide_holder" style="width:540px;height:350px;position:relative;background-color:#ffffff;margin-top:5px;margin-bottom:5px;margin-left:0px;margin-right:0px;"> <div id="slider"> <a href="http://www.tuespacioweb.com.ve"><img src="/modules/nivoslider/img/5DE.jpg" alt="holaaa" title="no joooooooooooooooooooooooooooooooodaaaaaaaaaaaaaaaaaaa" width="540px" height="350px" /></a> <a href="http://www.tuespacioweb.com.ve"><img src="/modules/nivoslider/img/attachmentkc7.jpg" alt="holaaa" title="no joooooooooooooooooooooooooooooooodaaaaaaaaaaaaaaaaaaa" width="540px" height="350px" /></a> <a href="http://www.tuespacioweb.com.ve"><img src="/modules/nivoslider/img/meh.ro6271.jpg" alt="holaaa" title="no joooooooooooooooooooooooooooooooodaaaaaaaaaaaaaaaaaaa" width="540px" height="350px" /></a> </div> </div> <script type="text/javascript"> //jQuery.noConflict(); jQuery(window).load(function() { jQuery('#slider').nivoSlider({ effect:'random', //Specify sets like: 'fold,fade,sliceDown' slices:9, animSpeed:500, //Slide transition speed pauseTime:8500, startSlide:0, //Set starting Slide (0 index) directionNav:true, //Next & Prev directionNavHide:true, //Only show on hover controlNav:true, //1,2,3... controlNavThumbs:false, //Use thumbnails for Control Nav controlNavThumbsFromRel:false, //Use image rel for thumbs controlNavThumbsSearch: '.jpg', //Replace this with... controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src keyboardNav:true, //Use left & right arrows pauseOnHover:true, //Stop animation while hovering manualAdvance:false, //Force manual transitions captionOpacity:0.8, //Universal caption opacity beforeChange: function(){}, afterChange: function(){}, slideshowEnd: function(){} //Triggers after all slides have been shown }); }); </script> <!-- /MODULE NivoSlider for PrestaShop --></td> Sorry if it's a bit too long, but if you check it out, i managed to show the nivo slider plugin, just where i needed to, in my custom theme. Now, it keeps showing off in home footer, i guess it's because of it's 'native' hook into prestashop. So , my question is, how do i get rid of it in homepage footer? Should i disable the hook into modules->positions? Thanks in advance. Link to comment Share on other sites More sharing options...
vekia Posted October 26, 2013 Share Posted October 26, 2013 index.tpl ? sorry but it's probably mistake. By default prestashop doesn't use index.tpl file to display contents like this prestashop uses main two files: header.tpl + footer.tpl to display whole template Link to comment Share on other sites More sharing options...
kkoci Posted October 26, 2013 Author Share Posted October 26, 2013 Hi, thank you, well i'm creating a custom theme, and i'm already using index.tpl, that code is in there, i'm new into prestashop theming btw, so maybe it is a code into footer.tpl? Link to comment Share on other sites More sharing options...
vekia Posted October 26, 2013 Share Posted October 26, 2013 don't use index.tpl file to create theme. use header.tpl and footer.tpl files it's because index.tpl file is only for display "displayHome" hook Link to comment Share on other sites More sharing options...
kkoci Posted October 26, 2013 Author Share Posted October 26, 2013 Oh ok, thank you very much! Link to comment Share on other sites More sharing options...
vekia Posted October 27, 2013 Share Posted October 27, 2013 so just basically add your slider libraries to <head> section in header.tpl file. You can add also slider body (html) language in <body> section in header.tpl file then everything will works well Link to comment Share on other sites More sharing options...
.png.022b5452a8f28f552bc9430097a16da2.png)
Recommended Posts