Fórum OpenCart Brasil

Tentei mexer no arquivo do stylesheet.css mas não consegui alterar.
Eu gostaria que minha logo não deformasse por ser quadrada. Queria também que meu campo de pesquisa ficasse em baixo da logo. Tem como mudar isso?

Boa tarde, tudo bem? A logo você consegue alterar no stylesheet.css só pesquisar por #logo você encontra a tag e logo abaixo dela você encontra a tag #search onde você poderá alterar a posição do campo.

Ola @Hatavino9400

Para alterar a local de cada elemento você precisaria indicar como deseja aqui para uma possível ajuda, por padrão o Opencart não tem um sistema de drag-drop para edição de layout.
ou poderia contratar um frela para fazer todos os ajustes necessários a sua loja.

Já a minha questão seria mudar a posição da Busca embaixo do Carrinho como mostra a imagem abaixo...
Imagem

Ola @regiskawe

Para isso edite o header.twig
substitua esse bloco

Código: Selecionar todos

<header>
  <div class="container">
    <div class="row">
      <div class="col-sm-4">
        <div id="logo">{% if logo %}<a href="{{ home }}"><img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-responsive" /></a>{% else %}
          <h1><a href="{{ home }}">{{ name }}</a></h1>
          {% endif %}</div>
      </div>
      <div class="col-sm-5">{{ search }}</div>
      <div class="col-sm-3">{{ cart }}</div>
    </div>
  </div>
</header>

por esse:

Código: Selecionar todos

<header>
  <div class="container">
    <div class="row">
      <div class="col-sm-4">
        <div id="logo">{% if logo %}<a href="{{ home }}"><img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-responsive" /></a>{% else %}
          <h1><a href="{{ home }}">{{ name }}</a></h1>
          {% endif %}</div>
      </div>
      <div class="col-sm-5"></div>
      <div class="col-sm-3">{{ cart }}{{ search }}</div>
    </div>
  </div>
</header>

NO painel de administração da loja loja, no botão de engrenagem clique em TEMA > atualizar

Testei o codigo do Reds, fiz a substituição mas não deu certo

Limpei o cache conforme a instrução.

Comigo deu certo @reds
Muito Obrigado!

Enviado: **21 Jul 2021, 23:39**

Olá a todos!
No caso como colocar o campo Busca e carrinho no topo, lado esquerdo da tela na mesma linha de Minha conta, Lista de desejos, Carrinho de compras e Finalizar pedido ?

Enviado: **22 Jul 2021, 22:31**

Fiz de acordo com viewtopic.php?t=21523, e consegui colocar o campo busca e o carrinho no topo, só que o campo busca não está funcionando, toda palavra chave inserida lá e pesquisada volta vazia.

Enviado: **22 Jul 2021, 23:01**

Verifiquei que o campo busca funciona apenas entre <header> </header> , abaixo o código original...

Código: Selecionar todos

<header>
  <div class="container">
    <div class="row">
      <div class="col-sm-4">
        <div id="logo">{% if logo %}<a href="{{ home }}"><img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-responsive" /></a>{% else %}
          <h1><a href="{{ home }}">{{ name }}</a></h1>
          {% endif %}</div>
      </div>

     <div class="col-sm-5">{{ search }}</div>
     <div class="col-sm-3">{{ cart }}</div>
	     
</div>
  </div>
</header>

Quando coloco lá em cima pára de funcionar...

Código: Selecionar todos

<nav id="top">
  <div class="container-fluid">{{ currency }}
    {{ language }}
    <div id="top-links" class="nav pull-right">
	
	<div class="col-sm-5">{{ search }}</div>
	<div class="col-sm-3">{{ cart }}</div>
	    
      <center><ul class="list-inline">
        <li><a href="{{ contact }}"><i class="fa fa-phone"></i></a> <span class="hidden-xs hidden-sm hidden-md">{{ telephone }}</span></li>
        <li class="dropdown"><a href="{{ account }}" title="{{ text_account }}" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> <span class="hidden-xs hidden-sm hidden-md">{{ text_account }}</span> <span class="caret"></span></a>
          <ul class="dropdown-menu dropdown-menu-right">
            {% if logged %}
            <li><a href="{{ account }}">{{ text_account }}</a></li>
            <li><a href="{{ order }}">{{ text_order }}</a></li>
            <li><a href="{{ transaction }}">{{ text_transaction }}</a></li>
            <li><a href="{{ download }}">{{ text_download }}</a></li>
            <li><a href="{{ logout }}">{{ text_logout }}</a></li>
            {% else %}
            <li><a href="{{ register }}">{{ text_register }}</a></li>
            <li><a href="{{ login }}">{{ text_login }}</a></li>
            {% endif %}
          </ul>
        </li>
        <li><a href="{{ wishlist }}" id="wishlist-total" title="{{ text_wishlist }}"><i class="fa fa-heart"></i> <span class="hidden-xs hidden-sm hidden-md">{{ text_wishlist }}</span></a></li>
        <li><a href="{{ shopping_cart }}" title="{{ text_shopping_cart }}"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">{{ text_shopping_cart }}</span></a></li>
        <li><a href="{{ checkout }}" title="{{ text_checkout }}"><i class="fa fa-share"></i> <span class="hidden-xs hidden-sm hidden-md">{{ text_checkout }}</span></a></li>
      </ul></center>
    </div>
  </div>
</nav>

Precisava muito de uma ajuda nessa questão...

Fórum OpenCart Brasil

Como faço pra mudar o tamanho da logo e mudar a posição do campo de pesquisa?

Como faço pra mudar o tamanho da logo e mudar a posição do campo de pesquisa?

Re: Como faço pra mudar o tamanho da logo e mudar a posição do campo de pesquisa?

Re: Como faço pra mudar o tamanho da logo e mudar a posição do campo de pesquisa?

Re: Como faço pra mudar o tamanho da logo e mudar a posição do campo de pesquisa?

Re: Como faço pra mudar o tamanho da logo e mudar a posição do campo de pesquisa?

Re: Como faço pra mudar o tamanho da logo e mudar a posição do campo de pesquisa?

Re: Como faço pra mudar o tamanho da logo e mudar a posição do campo de pesquisa?

Re: Como faço pra mudar o tamanho da logo e mudar a posição do campo de pesquisa?

Re: Como faço pra mudar o tamanho da logo e mudar a posição do campo de pesquisa?

Re: Como faço pra mudar o tamanho da logo e mudar a posição do campo de pesquisa?