E-kipper Posted March 31, 2013 Share Posted March 31, 2013 (edited) Hola. Quiero colocar 2 logos en un Prestashop 1.5.4: además del logo de la izquierda, que ya está, quiero añadir uno a la derecha de la cabecera cuya imagen sea enlace a otra página. He añadido css para una div en global.css: #header_logo2 { float:right; display:block; margin-top:30px; } He modificado header.tpl para que ponga la div en cuestión, añadiendo esto debajo de donde carga el logo de la izquierda: <a id="header_logo2" href="http://www.xxx.org" title="Ir a la página de xxxx" target="_blank"> Hola<img src="xxx_logo.png" /> </a> (xxx es el nombre de un dominio existente, que oculto para evitar problemas. La imagen está en el directorio del tema que estoy usando, subida por ftp.) Bueno, me crea la div, la pone flotando a la derecha, sale el texto "Hola" que he puesto para probar, pero en lugar del logotipo me sale la imagen "no existe imagen" con el interrogante. ¿Qué más tengo que hacer? Gracias por vuestra ayuda. Edited April 1, 2013 by E-kipper (see edit history) Link to comment Share on other sites More sharing options...
Sergio Ruiz Posted March 31, 2013 Share Posted March 31, 2013 (edited) Hombre si dices que te sale una interrogacion depende la imagen que has enlazado.., posiblemente no hayas puesto la ruta de la imagen de forma correcta... Edited March 31, 2013 by Rubalcaba (see edit history) Link to comment Share on other sites More sharing options...
jaloise Posted March 31, 2013 Share Posted March 31, 2013 Como es la URL?? Link to comment Share on other sites More sharing options...
E-kipper Posted April 1, 2013 Author Share Posted April 1, 2013 La imagen está en la misma carpeta en la que está header.tpl, así que no he de poner más ruta que su nombre, me parece. La tenía en la carpeta img y tampoco funcionó... No puedo dar la URL porque no está publicada todavía, accedo poniendo la IP y la URL en el archivo hosts para "engañar" al sistema y navegador. Como se ve en el pantallazo que he adjuntado, el logo de la izquierda sale bien (lo he tapado para evitar malos rollos), pero el de la derecha no sale. Sí que sale el texto "Hola" que puse para probar. ¿Alguna idea? Link to comment Share on other sites More sharing options...
E-kipper Posted April 1, 2013 Author Share Posted April 1, 2013 (edited) ¡Solucionado! Parece que la ruta a la imagen ha de ser del directorio predeterminado para imágenes en Prestashop, y por eso no me ponía el segundo logo a la derecha de la cabecera. Pongo la solución paso a paso, para que os sirva a los demás. 1.- Subir por ftp al directorio ../img la imagen que queremos añadir. Por ejemplo, xxx_logo.png 2.- Editar el fichero ../themes/default/css/global.css (Si no usáis el tema default, cambiad default por el nombre del tema) Buscar (por defecto en la línea 545) #header_logo { float:left; display:block; margin-top:30px; } Añadir debajo lo siguiente (creamos una nueva div para el segundo logo, que flote a la derecha) #header_logo2 { float:right; display:block; margin-top:30px; } (Si el logo de la derecha tiene distinta altura que el de la izquierda, cambiar margin-top: 30px; por el valor que vaya bien) 3.- Editar el fichero ../themes/default/header.tpl Buscar <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}"> <img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} /> </a> Y añadir justo debajo lo siguiente <a id="header_logo2" href="http://www.xxx.org" title="Ir a la página de xxx " target="_blank"> <img class="logo" src="../img/xxx_logo.png" /> </a> (Al logo de la derecha le pongo un enlace a una página distinta a la de la tienda, de la misma empresa) Y a funcionar. Si añadimos el segundo logo se nos moverá el cuadro de búsqueda y demás cosillas que están en la cabecera, después tendremos que "recolocar" todo. Que aproveche, saludos. Edited April 1, 2013 by E-kipper (see edit history) Link to comment Share on other sites More sharing options...
nadie Posted April 1, 2013 Share Posted April 1, 2013 <a id="header_logo2" href="http://www.xxx.org" title="Ir a la página de xxx " target="_blank"> <img class="logo" src="../img/xxx_logo.png" /> </a> Mejor coloca {$img_dir} en caso de que te estes refiriendo a la carpeta "img" de la plantilla src="{$img_dir}xxx_logo.png" Y en caso de que te estes refiriendo a la carpeta "img" del raiz de prestashop, utiliza: {$img_ps_dir} src="{$img_ps_dir}xxx_logo.png" Link to comment Share on other sites More sharing options...
E-kipper Posted April 1, 2013 Author Share Posted April 1, 2013 Gracias, nadie Si no por tí, no sé qué haríamos muchos... ¡Mandar al cuerno al Prestashop! Link to comment Share on other sites More sharing options...
nadie Posted April 1, 2013 Share Posted April 1, 2013 Gracias, nadie Si no por tí, no sé qué haríamos muchos... ¡Mandar al cuerno al Prestashop! Un placer ayudarte y servirte! Un saludo y recuerda que estaremos en el foro, para guiarte por este mundo oscuro y tenebroso. Link to comment Share on other sites More sharing options...
Recommended Posts