alextz07 Posted September 10, 2014 Share Posted September 10, 2014 Hola, buenos días. ¿Cómo puedo poner un logo al lado de otro logo en mi página web? Al lado del logo Euromundi quiero poner otro logo que se llama Patrocina un deportista Adjunto imagen de la página. Gracias. Link to comment Share on other sites More sharing options...
jesa Posted September 10, 2014 Share Posted September 10, 2014 Ese apartado se encuentra en el header.tpl de tu theme. Ahí deberías hacer los cambios. Link to comment Share on other sites More sharing options...
alextz07 Posted September 10, 2014 Author Share Posted September 10, 2014 Lo que yo quiero es poner otro logo al lado del logo actual !! Pero no se como. Si me pudieran ayudar... Gracias. Link to comment Share on other sites More sharing options...
mut3nr01 Posted September 10, 2014 Share Posted September 10, 2014 Hola, Como comentaba jesa, la manera más rápida seguramente sea modificar el fichero header.tpl. Este fichero lo puedes encontrar en /themes/<tu-tema>/header.tpl En ese fichero busca una línea parecida a esta: <a href="{$base_dir}" title="{$shop_name|escape:'html':'UTF-8'}"> <img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if $logo_image_width} width="{$logo_image_width}"{/if}{if $logo_image_height} height="{$logo_image_height}"{/if}/> </a> A continuación puedes crear otro elemento parecido a ese, modificando los parámetros para adaptarlo a la web a la que quieres enlazar y a la url de la imagen que quieres mostrar. Espero que te sirva. Link to comment Share on other sites More sharing options...
alextz07 Posted September 10, 2014 Author Share Posted September 10, 2014 Gracias mut3nr01 y jesa !! Lo intentaré haber si soy capaz y con cualquier cosa pongo un topic. Link to comment Share on other sites More sharing options...
alextz07 Posted September 10, 2014 Author Share Posted September 10, 2014 Vamos a ver no se si me he explicado bien !! Lo que quiero hacer es que al lado del logo de la empresa aparezca otro logo.. Pero no se como ponerlo. Gracias. Link to comment Share on other sites More sharing options...
mut3nr01 Posted September 10, 2014 Share Posted September 10, 2014 Hola de nuevo, ¿Has encontrado las líneas del código que te he comentado? Si las has encontrado puedes modificarlas para que quede algo así: <a href="{$base_dir}" title="{$shop_name|escape:'html':'UTF-8'}"> <img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if $logo_image_width} width="{$logo_image_width}"{/if}{if $logo_image_height} height="{$logo_image_height}"{/if}/> </a> <a href="http://www.tupatrocinador.com"> <img class="logo img-responsive" src="http://www.tupatrocinador.com/logo.jpg" alt="logo-patrocinador"/> </a> Eso debería incluir un enlace a http://www.tupatrocinador.com con una imagen cuya URL es http://www.tupatrocinador.com/logo.jpg Tendrías que cambiar esos valores por los adecuados, y quizá modificar algo de css para que tanto la foto de tu web como la del patrocinador quedaran bien. Link to comment Share on other sites More sharing options...
alextz07 Posted September 10, 2014 Author Share Posted September 10, 2014 Vamos a ver no se si me he explicado bien !! Lo que quiero hacer es que al lado del logo de la empresa aparezca otro logo.. Pero no se como ponerlo. Gracias. Link to comment Share on other sites More sharing options...
rafaelamargo Posted September 10, 2014 Share Posted September 10, 2014 Vamos a ver no se si me he explicado bien !! Lo que quiero hacer es que al lado del logo de la empresa aparezca otro logo.. Pero no se como ponerlo. Gracias. Ya te lo han comentado, puedes hacer algo como esto: Debajo de: <div id="header_logo"> <a href="{$base_dir}" title="{$shop_name|escape:'html':'UTF-8'}"> <img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/> </a> </div> Añadir por ejemplo: <div> <a href="{$base_dir}" > <img class="logo img-responsive" src="{$img_dir}nuevaimagen.jpg" alt="Test Prueba" > </a> </div> Sube la imagen "nuevaimagen.jpg" al directorio /themes/plantilla/img/ Link to comment Share on other sites More sharing options...
alextz07 Posted September 10, 2014 Author Share Posted September 10, 2014 No soy capaz de encontrar el código !! No se donde se encuentra.. Link to comment Share on other sites More sharing options...
mut3nr01 Posted September 10, 2014 Share Posted September 10, 2014 Hola alextz07, tienes que acceder a tu hosting (por ftp o por ssh) y en el directorio de tu prestashop, tienes que navegar a la siguiente ruta: /themes/<el-tema-que-uses> Y ahí encontrarás el fichero header.tpl Link to comment Share on other sites More sharing options...
rafaelamargo Posted September 10, 2014 Share Posted September 10, 2014 No soy capaz de encontrar el código !! No se donde se encuentra.. Si usas Prestashop 1.6, con la plantilla por defecto. Archivo: /themes/default-bootstrap/header.tpl Link to comment Share on other sites More sharing options...
alextz07 Posted September 11, 2014 Author Share Posted September 11, 2014 Gracias, pero el fichero si lo encuentro pero después cuando abro el archivo con notepad++ para editarlo no encuentro el código que vosotros me dijisteis. Link to comment Share on other sites More sharing options...
rafaelamargo Posted September 11, 2014 Share Posted September 11, 2014 Gracias, pero el fichero si lo encuentro pero después cuando abro el archivo con notepad++ para editarlo no encuentro el código que vosotros me dijisteis. Si es otra plantilla, igual igual posiblemente no lo tengas, pero dinos el codigo que te aparece para poder ayudarte. Link to comment Share on other sites More sharing options...
alextz07 Posted September 11, 2014 Author Share Posted September 11, 2014 Haber la página es esta: http://www.euromundi.es Donde aparece el logo que es debajo de login, quiero poner otro logo. Pero cuando le doy a inspeccionar me dice que está en el style.css: 31 pero no encuentro el código para editarlo. He encontrado la imagen del logo antiguo y la he borrado, he subido la nueva imagen pero tengo que modificar el código para que se pueda ver. Gracias. Link to comment Share on other sites More sharing options...
alextz07 Posted September 15, 2014 Author Share Posted September 15, 2014 Haber la página es esta: http://www.euromundi.es Donde aparece el logo que es debajo de login, quiero poner otro logo. Pero cuando le doy a inspeccionar me dice que está en el style.css: 31 pero no encuentro el código para editarlo. He encontrado la imagen del logo antiguo y la he borrado, he subido la nueva imagen pero tengo que modificar el código para que se pueda ver. Gracias. Link to comment Share on other sites More sharing options...
ventura Posted September 15, 2014 Share Posted September 15, 2014 Si lo que quieres es incluir otro logo al lado del que tienes, puedes hacerlo mediante css sin tener que editar el .tpl Busca el archivo themes/tu_team/css/global.css Incluye esto por ejemplo. #header_logo:after { content: url('http://img-cdn.prestashop.com/logo.png'); } De esta manera te aparecerá una nueva imagen despues de la imagen del logo que tengas Link to comment Share on other sites More sharing options...
alextz07 Posted September 16, 2014 Author Share Posted September 16, 2014 Sigo sin ser capaz, el código no me aparece. Quiero reemplazar un logo por otro. Intento editar el header.tpl o el global.css pero no me aparece el código. Cuando edito el global.css y pongo esto : #header_logo:after { content: url('http://img-cdn.prestashop.com/logo.png');} Me aparece el icono de imagen debajo del otro logo pero no aparece la imagen. Haber si me podéis ayudar, Gracias. Link to comment Share on other sites More sharing options...
mut3nr01 Posted September 17, 2014 Share Posted September 17, 2014 Hola alextz07, Podrías subir tu header.tpl a algún sitio y le echamos un vistazo. Salu2! Link to comment Share on other sites More sharing options...
ventura Posted September 17, 2014 Share Posted September 17, 2014 Como te comentaba antes puedes hacerlo mediante css, si lo que quieres es colocar una imagen al lado del logo en el archivo: themes/tu_team/css/layouts.css Coloca esto #header_logo:after { content: url('http://img-cdn.prestashop.com/logo.png'); position: relative; left: 300px; bottom: 100px; } Link to comment Share on other sites More sharing options...
Recommended Posts