Jump to content

Como modificar el tamaño de layout del logo por defecto


Recommended Posts

Lo más probable es que se encuentre en el archivo header.tpl de la plantilla que estés utilizando

 

Hola, ya lo encontre, estaba en header-tpl tal como dijiste, pero no me sale la dimension del logo como para modificar el tamaño, me sale:

 

<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>
 
Espero me puedas ayudar. 
 
Gracias
Link to comment
Share on other sites

 

Hola, ya lo encontre, estaba en header-tpl tal como dijiste, pero no me sale la dimension del logo como para modificar el tamaño, me sale:

 

<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>
 
Espero me puedas ayudar. 
 
Gracias

 

 

El ancho y alto del logo te lo esta calculando segun el logo con las medidas que subas desde Preferencias -> Temas.

 

Ya que este codigo:

width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/

te esta cogiendo el ancho (width) y alto (height) del logo que subes en Preferencias -> Temas ¿No te coges las medidas del logo que subes? ¿Es posible ver tu web? ¿Version de Prestashop?

Link to comment
Share on other sites

 Otra cosa, que es te este limitando el tamaño del bloque donde esta el logo (que no el logo) por esta instrucción:
 

@media (min-width: 768px)
.col-sm-4, header .row #header_logo {
width: 33.33333%;
}
http://fo.demo.prestashop.com/themes/default-bootstrap/css/global.css

Cuidado con tocarla, mejor crear regla nueva para el header .row #header_logo , ya que esa regla tambien toca una clase general. (Lo digo para evitar problemas)

Edited by rafaelamargo (see edit history)
Link to comment
Share on other sites

 

Hola, ya lo encontre, estaba en header-tpl tal como dijiste, pero no me sale la dimension del logo como para modificar el tamaño, me sale:

 

<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>
 
Espero me puedas ayudar. 
 
Gracias

 

Si no te quieres complicar demasiado, lo mas cómodo es que subas una imagen a escala de la que tienes de menor tamaño

Link to comment
Share on other sites

 Otra cosa, que es te este limitando el tamaño del bloque donde esta el logo (que no el logo) por esta instrucción:

 

@media (min-width: 768px)
.col-sm-4, header .row #header_logo {
width: 33.33333%;
}
http://fo.demo.prestashop.com/themes/default-bootstrap/css/global.css

Cuidado con tocarla, mejor crear regla nueva para el header .row #header_logo , ya que esa regla tambien toca una clase general. (Lo digo para evitar problemas)

 

 

Lo que pasa que quiero insertar un logo con el doble de tamaño, y despues reducirlo al 50% de su tamaño para que se vea bien en retina display. ¿Sabes como puedo hacer eso?

Link to comment
Share on other sites

Si no te quieres complicar demasiado, lo mas cómodo es que subas una imagen a escala de la que tienes de menor tamaño

 

Lo que pasa que quiero insertar un logo con el doble de tamaño, y despues reducirlo al 50% de su tamaño para que se vea bien en retina display. ¿Sabes como puedo hacer eso?

Link to comment
Share on other sites

  • 2 months later...

Hola, yo quería aportar lo que me ha pasado a mi por si puede ayudar a alguien más.


 


Me he encontrado un problema con la plantilla de prestashop 1.6, y es que al actualizar de la versión 5 a la 6 y cambiar de plantilla el logo se pone enorme el solo, coge un tamaño predefinido que no se de donde lo saca.


 


He probado a subir un logo más pequeño y lo que hace es distorsionarlo pues lo estira hasta que ocupa la misma medida que el anterior. He observado también que la ruta del logo que coge la tienda es img/logo.jpg, y curiosamente si subo un nuevo logo desde el backofffice lo sube con un nombre que pone por defecto la tienda (cada vez uno distinto) en vez de logo.jpg y no lo utiliza, por lo que para que lo coja tengo que modificar el nombre por ftp y ponerle logo.jpg, no se si le pasa a todo el mundo o solo a mi. Pero nada da igual de que tamaño lo suba que sale en unas dimensiones de 370×180. He probado a modificar el archivo de cache, el global.css y nada me descolocaba todo.


 


La solucion que me funcionado es esta en themes/nombreplantilla/header.tpl en el mismo código que pusisteis arriba: 


<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} />


 


He sustituido las ultimas frases a partir del primer if por esto:


 


width="100" style="vertical-align: -15px;" />


 


Es decir quedaría asi:


<img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" width="100" style="vertical-align: -15px;" />


 


Poniendo en width el tamaño que se quiera y en vertical-aling también hasta que quede bien ubicado.


 


Espero que os sirva de ayuda. Saludos.

Link to comment
Share on other sites

  • nadie locked this topic
Guest
This topic is now closed to further replies.
×
×
  • Create New...