Fórum OpenCart Brasil

[litoralmicros]

Bom dia

queria fazer um menu lateral estilo o do Extra, exemplo

CATEGORIAS:

INFORMATICA
Monitores
Cpu
Placas
impressoras

=== um espaço para separar as categorias =====

ELETRONICOS
Televisores
Som automotivo
Home Teater

=== um espaço para separar as categorias =====

TELEFONIA
Celulares
Head Set
Telefones

Não sei se fui claro ..... espero que possam me ajudar

[rochester]

Pelo css dá

Como ele agrupa em uls, dá pra vc colocar a ul acima de todos com um background ou mesmo uma borda abaixo.. tem algum exemplo online do menu, só pra eu te ajudar melhor com o css?

[litoralmicros]

Obrigado pelo retorno .....


Não entendi bem sua pergunta! ..... não achei um menu exatamente do jeito que quero ..... chega perto o da casasBahia http://www.casasbahia.com.br/ o menu lateral a esquerda! ....

seria mais ou menos aquilo...

Quero que exemplo

INFORMÁTICA quero por um destaque por uma tabela tipo azul e o texto em Amarelo ...

______________
|Mouse |
|Monitores | Nesta parte onde vai levar ao produto que a pessoa quer (queria borda tipo cinza claro , com fundo branco e as letras em Cinza escuro)
|Gabinetes |
---------------------

No css onde tenho que alterar ?.. da um exemplo

[rochester]

Só dá pra dar um exemplo tendo um html como base. Se vc tiver sua loja online fica mais fácil..

Basciamente o q vc vai fazer é, por exemplo, ul li { background: red } ul li li { background: blue }

com isso os itens "pai" vai ficar com fundo vermelho, e os "filho" vai ficar com fundo azul.

[litoralmicros]

tenho sim a loja online ..... http://www.litoralmicros.com.br

mas na verdade estou tentando editar a loja como um candidato a aprendiz de programador.......


valeu

[rochester]

Edita aí no seu css, a partir da linha 571:

Código: Selecionar todos

#category ul {
margin: 0 0 5px; padding: 0; list-style: none;
}
#category li { overflow: hidden; background: #fafafa }
#category li a {
display: block. padding: 2px; margin-bottom:2px;
}
#category ul ul {
padding-left: 15px;
}
#category ul ul a {
font-size: 90%;
background: #fff
}

acho que ja vai dar uma estilizada, aí é só vc ir editando nessa logica..

[litoralmicros]

não sei pq, mas não deu muito certo



http://www.litoralmicros.com.br

[rochester]

Onde você colocou isso no css?

Não se esqueça, linha 571. Ainda está a declaração antiga lá, remove ela. remove tudo que tenha #category

[litoralmicros]

Opa amigo ,.
eu devo ser muito burro, alterei e não mudou ...... mudei até de template .... procurei category e deletei depois adicionei o que vc mandou .....

[rochester]

Aqui ele deu uma mudada, removeu o marcado, os itens ficaram mais proximos.. aí é ir editando ao seu gosto.. o q +/- vc queria fazer?