Fórum OpenCart Brasil

Por um e-commerce livre, confiável e profissional

#36842
Olá Galera,

Alguém sabe como adiciono um banner em determinado produto, categoria ou fabricante?

Pelo que entendi do OC, ele adiciona o banner nos layouts, ou seja, se eu escolher o layout departamento, ele adicionará o banner para todas as categorias.

Eu gostaria de personalizar isso, adicionando um banner para categoria X, Y, Z, etc.

Valeu pessoal!
Avatar do usuário
Por Shiro
Mensagens
#37037
Olá :)

Então, eu também quis algo assim e fiz o seguinte:

No departamento, tem a opção para colocar uma imagem para o departamento, ela fica pequena bem do lado do nome. Eu coloquei a imagem do meu banner ai, fui nas configurações e na aba imagens tem o para escolher o tamanho das imagens dos produtos, em miniatura, em categorias, e a imagem do departamento. Aumentei ela do jeito que eu queria, depois editei o código da pagina category e recortei o código da imagem do departamento e colei fora do content o que resultou ela grande em cima =)

Acho que não fui muito claro, mas se não entendeu coloco aqui passo-a-passo :D
Por IFW
#37070
Olá Shiro, bom dia!

Obrigado pela resposta e ajuda. Eu não tenho muita noção, ou melhor quase nenhuma de programação. Se puder, me informe o passo-a-passo.

Valeu!!!!
Avatar do usuário
Por Shiro
Mensagens
#37084
Okay, sem problemas!

Vamos lá!
Primeiramente faça um backup do arquivo category.tpl em > catalog > view > theme > (seu tema) > template > product > category.tpl.
Esses passos são para colocar uma imagem para cada categoria.

1º passo - Vá em > catálogo > departamentos > (departamento que vc quiser)

2º passo - Na aba DADOS você vai encontrar um campo com "Imagem do Departamento:", escolha a imagem que você preferir.

3º passo - Feito isto, vá na pasta do seu OpenCart, > catalog > view > theme > (seu tema) > template > product > category.tpl, abra ele com um editor

4º passo:

Encontre o código
Código: Selecionar todos
<?php if ($thumb || $description) { ?>
  <div class="category-info">
    <?php if ($thumb) { ?>
    <div class="image"> <img src="<?php echo $thumb; ?>" alt="<?php echo $heading_title; ?>" /></div>
    <?php } ?>
    <?php if ($description) { ?>
    <?php echo $description; ?>
    <?php } ?>
  </div>
  <?php } ?>
Encontrado, recorte-o e coloque logo após este:
Código: Selecionar todos
 <?php echo $column_right; ?>
Feito isto já pode-se ver a diferença!

Qualquer dúvidas só falar =)