Fórum OpenCart Brasil

[denisgustavo]

Olá pessoal, bom dia!

Estou criando minha loja e eu mesmo personalizando meu tema e quero duas alterações que estou com dúvidas da melhor maneira de fazer:

1° - Gostaria de deixar o banner em 100% e colado ao topo...Segue o link da minha loja para verem:

http://sexsensation.com.br/

2° - Gostaria de deixar o topo fixo, ou seja, quando rolar a tela pra baixo o topo fica fixo. Tentei alterar no CSS mas desconfigurou algumas coisas...

3° - Quero saber também como colocar ícones nos nomes das categorias, olhem essa loja de exemplo:

http://www.cliquesexshop.com.br/

As categorias superiores possuem ícones!



Obrigado!

[leandrorppo]

1 - Desenvolvi um módulo para deixar o banner em tela cheia e tem muitas outras funções interessantes:
http://www.opencart.com/index.php?route ... n_id=26534

2 - Qual menu quer deixar fixo o superior do top (nav) ou o menu de categorias?

3 -Pode procurar um módulo já pronto, pode criar no admin mais um campo para alocar a imagem dos departamentos e inserir via banco de dados e na loja chamar a variável no header (mais complexo) ou pode fazer desse jeito que é o mais simples e funciona:
a-) Envie a imagem referente à categoria com o mesmo nome para pasta image, exemplo: categoria chama-se "Desktops" a imagem será Desktops.png;
b-) Se a categoria Components não tem imagem, crie um arquivo png com medida 1X1 transparente e salve com o nome de Components.png, assim a categoria não ficará com imagem falha, só faça esse processo se a categoria NÃO tiver um ícone;
c-) Edite o arquivo catalog\view\theme\SEU_TEMA\template\common\header.tpl
Procure pela linha:

Código: Selecionar todos

<li class="dropdown"><a href="<?php echo $category['href']; ?>" class="dropdown-toggle" data-toggle="dropdown"><?php echo $category['name']; ?></a>

E substitua por:

Código: Selecionar todos

<li class="dropdown"><a href="<?php echo $category['href']; ?>" class="dropdown-toggle" data-toggle="dropdown"><img src="image/<?php echo $category['name']; ?>.png"> <?php echo $category['name']; ?></a>

Procure por:

Código: Selecionar todos

<li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>

Substitua por:

Código: Selecionar todos

<li><img src="image/<?php echo $category['name']; ?>.png">  <a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>

Observe que foi adicionado às linhas a chamada para imagem:
<img src="image/<?php echo $category['name']; ?>.png">
Resultado (no exemplo a categoria Desktops tem ícone e a categoria Laptops & Notebooks deixei como sem ícone, com a imagem 1X1 com fundo transparente com o mesmo nome da categoria: Laptops & Notebooks.png):

O ideal seria com área administrativa ( se quiser algo assim - comercial - entre em contato: sw-ad@hotmail.com) mas esse tutorial é funcional também.

Obs: Antes de qualquer alteração nos arquivos recomendo fazer um backup

[filipesfp]

Boa tarde ,
Estou criando um novo tema e querendo criar uma div com links das redes sociais. Adicionei a div no footer.tpl mas as imagens não são exibidas mesmo colocando todos os src possíveis. Está faltando algo? Obrigado pela ajuda.

<div class="sociais"> <!-- adicionado por Filipe -->
<h5>Redes Sociais</h5>
<ul>
<li> <img src="../image/facebook.png" alt="Facebook" height="42" width="42"/></li>
</ul>
</div><!-- adicionar Filipe -->
<footer>
<div class="container">
<div class="row">
<?php if ($informations) { ?>
<div class="col-sm-3">
<h5><?php echo $text_information; ?></h5>
<ul class="list-unstyled">
<?php foreach ($informations as $information) { ?>
<li><a href="<?php echo $information['href']; ?>"><?php echo $information['title']; ?></a></li>
<?php } ?>
</ul>
</div>
<?php } ?>
<div class="col-sm-3">
<h5><?php echo $text_service; ?></h5>
<ul class="list-unstyled">
<li><a href="<?php echo $contact; ?>"><?php echo $text_contact; ?></a></li>
<li><a href="<?php echo $return; ?>"><?php echo $text_return; ?></a></li>
<li><a href="<?php echo $sitemap; ?>"><?php echo $text_sitemap; ?></a></li>
</ul>
</div>
<div class="col-sm-3">
<h5><?php echo $text_extra; ?></h5>
<ul class="list-unstyled">
<li><a href="<?php echo $manufacturer; ?>"><?php echo $text_manufacturer; ?></a></li>
<li><a href="<?php echo $voucher; ?>"><?php echo $text_voucher; ?></a></li>
<li><a href="<?php echo $affiliate; ?>"><?php echo $text_affiliate; ?></a></li>
<li><a href="<?php echo $special; ?>"><?php echo $text_special; ?></a></li>
</ul>
</div>
<div class="col-sm-3">
<h5><?php echo $text_account; ?></h5>
<ul class="list-unstyled">
<li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li>
<li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li>
<li><a href="<?php echo $wishlist; ?>"><?php echo $text_wishlist; ?></a></li>
<li><a href="<?php echo $newsletter; ?>"><?php echo $text_newsletter; ?></a></li>
</ul>
</div>
</div>
<hr>
<p><?php echo $powered; ?></p>
</div>
</footer>

<!--
OpenCart is open source software and you are free to remove the powered by OpenCart if you want, but its generally accepted practise to make a small donation.
Please donate via PayPal to donate@opencart.com
//-->

<!-- Theme created by Welford Media for OpenCart 2.0 www.welfordmedia.co.uk -->

</body></html>

[leandrorppo]

Após modificar é bom atualizar o cache das modificações, talvez seja que esteja faltando:
Extensões-> Modificações->Atualizar.