delgado5 Posted December 9, 2013 Share Posted December 9, 2013 Hola amigos, pues eso, que quiero poner dos imagenes junto al logotipo de la tienda pero no doy con la tecla e conseguio poner una siguiendo este link http://www.prestashop.com/forums/topic/169778-solucionadoanadir-imagen-a-cabecera-con-css/ pero quiero poner otro justo al lado os dejo el enlace de la tienda para que veais, quiero poner otro justo al lado de envio gratis: districanis.com Gracias amifo Link to comment Share on other sites More sharing options...
shacker Posted December 10, 2013 Share Posted December 10, 2013 edita el header.tpl de tu template, busca el logo (logo.png) y ahi mismo puedes añadir las url de tus imagenes 1 Link to comment Share on other sites More sharing options...
delgado5 Posted December 10, 2013 Author Share Posted December 10, 2013 edita el header.tpl de tu template, busca el logo (logo.png) y ahi mismo puedes añadir las url de tus imagenes Hola shacher, no encuentro la direccion del logo en header.tpl de esto esta compuesto el tpl: {* * 2007-2013 PrestaShop * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to [email protected] so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade PrestaShop to newer * versions in the future. If you wish to customize PrestaShop for your * needs please refer to http://www.prestashop.com for more information. * * @author PrestaShop SA <[email protected]> * @copyright 2007-2013 PrestaShop SA * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) * International Registered Trademark & Property of PrestaShop SA *} <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7 " lang="{$lang_iso}"> <![endif]--> <!--[if IE 7]><html class="no-js lt-ie9 lt-ie8 ie7" lang="{$lang_iso}"> <![endif]--> <!--[if IE 8]><html class="no-js lt-ie9 ie8" lang="{$lang_iso}"> <![endif]--> <!--[if gt IE 8]> <html class="no-js ie9" lang="{$lang_iso}"> <![endif]--> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$lang_iso}"> <head> <title>{$meta_title|escape:'htmlall':'UTF-8'}</title> {if isset($meta_description) AND $meta_description} <meta name="description" content="{$meta_description|escape:html:'UTF-8'}" /> {/if} {if isset($meta_keywords) AND $meta_keywords} <meta name="keywords" content="{$meta_keywords|escape:html:'UTF-8'}" /> {/if} <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> <meta http-equiv="content-language" content="{$meta_language}" /> <meta name="generator" content="PrestaShop" /> <meta name="robots" content="{if isset($nobots)}no{/if}index,{if isset($nofollow) && $nofollow}no{/if}follow" /> <link rel="icon" type="image/vnd.microsoft.icon" href="{$favicon_url}?{$img_update_time}" /> <link rel="shortcut icon" type="image/x-icon" href="{$favicon_url}?{$img_update_time}" /> <script type="text/javascript"> var baseDir = '{$content_dir|addslashes}'; var baseUri = '{$base_uri|addslashes}'; var static_token = '{$static_token|addslashes}'; var token = '{$token|addslashes}'; var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals}; var priceDisplayMethod = {$priceDisplay}; var roundMode = {$roundMode}; </script> {if isset($css_files)} {foreach from=$css_files key=css_uri item=media} <link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" /> {/foreach} {/if} {if isset($js_files)} {foreach from=$js_files item=js_uri} <script type="text/javascript" src="{$js_uri}"></script> {/foreach} {/if} {$HOOK_HEADER} </head> <body {if isset($page_name)}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if} class="{if isset($page_name)}{$page_name|escape:'htmlall':'UTF-8'}{/if}{if $hide_left_column} hide-left-column{/if}{if $hide_right_column} hide-right-column{/if}{if $content_only} content_only{/if}"> {if !$content_only} {if isset($restricted_country_mode) && $restricted_country_mode} <div id="restricted-country"> <p>{l s='You cannot place a new order from your country.'} <span class="bold">{$geolocation_country}</span></p> </div> {/if} <div id="page" class="container_9 clearfix"> <!-- Header --> <div id="header" class="grid_9 alpha omega"> <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> <div id="header_right" class="grid_9 omega"> {$HOOK_TOP} </div> </div> <div id="columns" class="grid_9 alpha omega clearfix"> <!-- Left --> <div id="left_column" class="column grid_2 alpha"> {$HOOK_LEFT_COLUMN} </div> <!-- Center --> <div id="center_column" class=" grid_5"> {/if} 1 Link to comment Share on other sites More sharing options...
ventura Posted December 10, 2013 Share Posted December 10, 2013 Para estos casos es muy util y rapido utilizar las propiedades :after y :before y hacerlo con css desde el: #header.logo http://quirksmode.org/css/selectors/beforeafter.html 1 Link to comment Share on other sites More sharing options...
Paula Martinez Posted December 10, 2013 Share Posted December 10, 2013 Para estos casos es muy util y rapido utilizar las propiedades :after y :before y hacerlo con css desde el: #header.logo http://quirksmode.org/css/selectors/beforeafter.html Hola, Me llamo Raul Martinez ¿Como puedo colocar enlaces independientes a los fondos para que al pinchar sobre ellos vayan a un sitio u a otro? Link to comment Share on other sites More sharing options...
shacker Posted December 11, 2013 Share Posted December 11, 2013 es esta <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}/> ahi al lado puedes poneralgo como <img class="logo2" src="{$img_dir}tuimagen.jpg" /> que debera estar en la carpeta de imagenes Link to comment Share on other sites More sharing options...
Paula Martinez Posted December 11, 2013 Share Posted December 11, 2013 es esta <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}/> ahi al lado puedes poneralgo como <img class="logo2" src="{$img_dir}tuimagen.jpg" /> que debera estar en la carpeta de imagenes Pero de esa manera, el enlace de destino de la imagen es el mismo que del logo, porque lo estas metiendo dentro del mismo <a ..... Si lo pongo fuera del <a id="header_logo", se me descuadra todo, como puedo ponerlo fuera sin que se descuadre, para poder colocarle distintos enlaces de de destino a la imagen ¿? Link to comment Share on other sites More sharing options...
shacker Posted December 11, 2013 Share Posted December 11, 2013 si, era solo un ejemplo. debes aplicarle una clase y ajustarlo mediante css Link to comment Share on other sites More sharing options...
Recommended Posts