Fórum OpenCart Brasil

Amigos,

Por favor, preciso inserir uma imagem no topo da minha loja, é apenas um número de atendimento.

Já tentei de todas as formas, porém, não obtive exito.

Alguém poderá me ajudar?

Obrigado.

na header.tpl você pode fazer isso usando uma DIV e colocando a imagem por .CSS, você sabe fazer isso? ou não sabe o caminho para fazer isso? caso não saiba o arquivo está localizado em catalog\view\theme\seu_tema\template\common\header.tpl

Quero fazer a mesma coisa, em que parte do arquivo posso editar e inserir a imagem para aparecer na parte superior e centralizada? Muito obrigado

Ederson Silva escreveu:Quero fazer a mesma coisa, em que parte do arquivo posso editar e inserir a imagem para aparecer na parte superior e centralizada? Muito obrigado

Ola amigo,

Siga até catalog\view\theme\default\template\common ---> header.tpl

Abra com o notepad++ e vamos a edição.
Em qualquer lugar dentro da div header inicie uma nova class (ex: div class="novos_links"), e por fim insira as novas chamadas ou links dentro desta então nova caixa, por fim faça os acertos no css.

Exemplo:

Código: Selecionar todos

  <div id="search">
    <div class="button-search"></div>
    <input type="text" name="search" placeholder="<?php echo $text_search; ?>" value="<?php echo $search; ?>" />
  </div>
  
  <!--nova box-->
  <div class="new-box">
	<ul>
		<li><a href="#">Link  1</a></li>
		<li><a href="#">Link 2</a></li>
		<li><a href="#">Link 3</a></li>
	</ul>
  </div>
  <!--nova box-->
  
  <div id="welcome">
    <?php if (!$logged) { ?>
    <?php echo $text_welcome; ?>
    <?php } else { ?>
    <?php echo $text_logged; ?>
    <?php } ?>
  </div>

CSS

Código: Selecionar todos

.new-box{position: absolute; left: 250px; bottom: 0;}
.new-box ul{display: block; padding: 0; margin: 0 auto; list-style: none;}
.new-box li{display: inline-block; padding: 10px; background-color: #000;}

Lembrando este é apenas um exemplo de como obter algum resultado!
Foi usado neste exemplo o template padrão Opencart.

Fórum OpenCart Brasil

Inserir imagem no header.

Inserir imagem no header.

Re: Inserir imagem no header.

Re: Inserir imagem no header.

Re: Inserir imagem no header.