Fórum OpenCart Brasil

[Esequiel Michels]

Bom dia! Sou novo no pedaço e como bastante pessoas tentando algo novo no meio da internet. Pois bem, alguém poderia me ajudar no quesito alteração de cor no painel da minha loja? pois ela é voltada para mulheres e tem uma faixa cinza que gostaria de mudar.
Obrigado!

[Manoel Vidal]

Olá,

1º Para trocar a barra azul, basta alterar a imagem:
/admin/view/image/header.png

2º Para trocar a cor dos botões, edite o arquivo:
/admin/view/stylesheet/stylesheet.css

- Localize a linha:
a.button, .list a.button {

- E modifique logo abaixo a linha:
background: #003A88;

3º Para trocar a barra cinza, ainda no arquivo stylesheet.css, localize a linha:
.box > .heading {

- Modifique a linha abaixo para alterar a cor da borda cinza claro:
border: 1px solid #DBDBDB;

- Altere a imagem abaixo para alterar a cor de fundo da barra cinza claro:
/admin/view/image/box.png

4º Para alterar o texto em azul na tela de login, ainda no arquivo stylesheet.css, localize a linha:
.box > .heading h1

- E modifique a linha abaixo:
color: #003A88;

5º Para alterar a cor de fundo do menu superior, modifique a imagem:
/admin/view/image/menu.png

6º Para alterar a logo, modifique a imagem (imagem com fundo transparente):
/admin/view/image/logo.png

Note que as cores no arquivo stylesheet.css estão em hexadecimal, para escolher uma cor adequada de forma simples em seu código hexadecimal, acesse o site:
http://www.color-hex.com/

Ao final, limpe o cache do seu navegador e acesse a página de sua loja para visualizar as alterações.

Espero ter ajudado.

[Esequiel Michels]

Muitíssimo obrigado Manoel! mas se puder me ajudar de novo rs, como editar? porque lá não esta deixando editar.

[Manoel Vidal]

Para editar os arquivos citados, utilize o Notepad++, segue o link para download:
http://notepad-plus-plus.org/download/v6.6.7.html (Baixe o programa e instale em seu computador)

Você deve via ftp, baixar para o seu computador o arquivo stylesheet.css que está no diretório /admin/view/stylesheet/, e no seu computador, abrir o arquivo pelo Notepad++, e efetuar as alterações citadas no tutorial, e depois salvar o arquivo stylesheet.css alterado.
Depois de feitas as alterações, envie via ftp o arquivo stylesheet.css alterado para sua loja, substituindo o antigo arquivo stylesheet.css.

Importante:
Note que as cores são representadas por código hexadecimal, tipo: #003A88
É esse código de cor hexadecimal que deve ser substituído por outro código de cor hexadecimal.

Espero ter ajudado.

[Esequiel Michels]

Ok Manoel obrigado! vou tentar.

[Esequiel Michels]

Boa tarde Manoel! Cara tentei mas mudou lá no painel de administração do opencart e não na loja tema default.
dificil esse lance.

[Manoel Vidal]

O processo para a loja deve ser feito em outro arquivo, o que citei é realmente para a administração da loja, o arquivo que deve ser alterado para a loja é o:
catalog/view/theme/PASTA_DO_SEU_TEMA/stylesheet/stylesheet.css

Porém, os códigos que você deve alterar são outros, apesar do princípio ser o mesmo, agora com toda a sinceridade e respeito, se você não tem conhecimentos mínimos em CSS, vai ser muito difícil você conseguir deixar o tema do jeito que você deseja, neste caso, lhe oriento há utilizar um tema customizável, ou seja, que lhe permita fazer todas as alterações do tema, sem precisar editar direto no código, dê uma olhada nos temas da ThemeForest:
http://themeforest.net/category/ecommerce/opencart

Espero ter ajudado.

[Esequiel Michels]

Obrigado Manoel por sua ajuda.
Estou conseguindo configurar, bem dificil mas ta indo obrigado mais uma vez

[Manoel Vidal]

Que bom que ajudou.

[Esequiel Michels]

Bom dia Manoel! Cara to passando pra te agradecer mais uma vez, consegui ficou massa, só queria ver se tu me ajuda com relação ao botão (adicionar ao carrinho) e (Avançar) que são azuis que não acho código para trocar. não esta la onde alterei as outras cores ja revi algumas vezes. se puderem me ajudar com isso fico grato.
Abraços.