josue.gonzales Posted October 23, 2014 Share Posted October 23, 2014 Hola! Como puedo modificar estos styles que tiene por defecto en el layout o index, quiero cambiar el tamaño pero no encuentro la ruta. <img class="logo img-responsive" src="http://localhost:8888/ejemplo/img/logo" alt="web2o" width="520" height="90"> Espero que me puedan ayudar. Gracias. Link to comment Share on other sites More sharing options...
ventura Posted October 23, 2014 Share Posted October 23, 2014 Lo más probable es que se encuentre en el archivo header.tpl de la plantilla que estés utilizando 1 Link to comment Share on other sites More sharing options...
josue.gonzales Posted October 23, 2014 Author Share Posted October 23, 2014 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 More sharing options...
rafaelamargo Posted October 23, 2014 Share Posted October 23, 2014 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 More sharing options...
rafaelamargo Posted October 23, 2014 Share Posted October 23, 2014 (edited) 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 October 23, 2014 by rafaelamargo (see edit history) Link to comment Share on other sites More sharing options...
ventura Posted October 23, 2014 Share Posted October 23, 2014 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 More sharing options...
josue.gonzales Posted October 23, 2014 Author Share Posted October 23, 2014 ¿Saben si las imágenes subidas a Prestashop se optimizan automáticamente para retina display? Link to comment Share on other sites More sharing options...
josue.gonzales Posted October 23, 2014 Author Share Posted October 23, 2014 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 More sharing options...
josue.gonzales Posted October 23, 2014 Author Share Posted October 23, 2014 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 More sharing options...
ventura Posted October 23, 2014 Share Posted October 23, 2014 si tienes tu logo vectorizado puedes ponerlo en svg y no tendras ningun problema de resolucion, encontraras muchos ejemplos buscando un poco http://tympanus.net/codrops/2014/08/19/making-svgs-responsive-with-css/ 1 Link to comment Share on other sites More sharing options...
josue.gonzales Posted October 23, 2014 Author Share Posted October 23, 2014 si tienes tu logo vectorizado puedes ponerlo en svg y no tendras ningun problema de resolucion, encontraras muchos ejemplos buscando un poco http://tympanus.net/codrops/2014/08/19/making-svgs-responsive-with-css/ Buen aporte. Gracias Link to comment Share on other sites More sharing options...
princes Posted January 23, 2015 Share Posted January 23, 2015 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 More sharing options...
Recommended Posts