Jump to content

Dudas de diseño


macu

Recommended Posts

Buenas compañeros, 

Sigo avanzando un poco en el tema y ahora tengo un par de dudas que son totalmente de diseño y como mis conocimientos de programación son muy limitados pues..., 

Tengo la versión 1.7.2.4

El logo a la izquierda no me gustaba mucho asi que rebuscando en los foros encontro un modo de centrarlo mas o menos queda bien, ademas va a tener 1 centimetro por abajo transparente asi que quedaría bastante centrado y es más grande como quería 

Imagen01.thumb.png.0fd20955a2a416fae3968c9c6d7cd3ac.png

para centrarlo he usado este código en el fichero /classic/templates/_partials/header.tpl

{block name='header_top'}
  <div class="header-top">
    <div class="container">
       <div class="row">
        <div class="col-md-12 hidden-sm-down text-xs-center" id="_desktop_logo">
          <a href="{$urls.base_url}">
            <img class="logo img-responsive" src="{$shop.logo}" alt="{$shop.name}">
          </a>
        </div>
        <div class="col-md-12 col-sm-12 position-static">
          <div class="row">
            {hook h='displayTop'}
            <div class="clearfix"></div>
          </div>
        </div>
      </div>
      <div id="mobile_top_menu_wrapper" class="row hidden-md-up" style="display:none;">
        <div class="js-top-menu mobile" id="_mobile_top_menu"></div>
        <div class="js-top-menu-bottom">
          <div id="_mobile_currency_selector"></div>
          <div id="_mobile_language_selector"></div>
          <div id="_mobile_contact_link"></div>
        </div>
      </div>
    </div>
  </div>
  {hook h='displayNavFullWidth'}
{/block}

En mobil no me queda centrado , pero también es aceptable con el centímetro transparente que le voy a dar por debajo a la imagen queda algo así:

Imagen03.thumb.png.13f9251933724daeb09b3b6d5fc525c0.png

El problema me ha venido en la parte de checkout que como sabéis han cambiado totalmente y queriendo quitar distraciones al cliente, lo han llevado al minimalismo extremo y el logo me queda a la izquierda y para mi muy pequeño, me gustaría poder centrarlo y un poco más grande me conformo con eso. 

He rebuscado por internet y la solución que dan es :

En el fichero checkout.tpl

buscar
            {include file=’checkout/_partials/header.tpl’}
y cambiar por
            {include file=’_partials/header.tpl’}
2 buscar
             {include file=’checkout/_partials/footer.tpl’}
cambiar por
              {include file=’_partials/footer.tpl’}
Según entiendo esto dejaría la página como en el resto de la navegación pero no es así para mi la deja bastante mal, si ,centrado similar al resto de la navegación pero comiendose la linea superior con medio metro hasta el borde del navegador, en fin.

Imagen02.thumb.png.7b1948f3e6eb1dbe6149dc8a3d888076.png

Supongo que modificando el fichero checkout/_partials/header.tpl se puede arreglar, yo he probado y sino me equivoco modificando col-md-6 por col-md-12 lo he centrado pero aún se veía muy pequeño, estaba planteandome en el header.tpl quitar las lineas del logo y teléfono y dejarlo diafano.

Imagen06.thumb.png.cfb24348d31519d9eca74692da9f2f58.png

 

Y en el movil pues más de lo mismo aunque casi es mejor 

 

Imagen03.thumb.png.946f739c09b1e4a83cac77ec098bdae5.pngImagen04.thumb.png.24499f1ff993b290e984ef66ce3a0e60.png

Alguna idea facil de como podría hacerlo de una manera facil, me conformo con que quede algo asi:

Imagen07.thumb.png.70fd86a40d2e9b769343d1cb5ca4382d.png

E incluso quitará el llamenos que seguro que facilitas las cosas.

 

alguien me puede ayudar 

 

GRacias

 

 

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...