Fórum OpenCart Brasil

[importantz]

Olá companheiros! Boa noite.

Instalei o sistema OpenCart e através de bastante leitura e um pouco conhecimento de CSS e outras linguagens adquiridos com o tempo, já consegue fazer bastante coisas com ele.

Agora me deparo com um problema... Eu alterei a dor do background do header, onde fica o logo, mas eu preciso deixar o fundo do carrinho de compras na mesma cor e o fundo do campo de busca na mesma cor, como posso fazer? Caso não seja possível, gostaria apenas de excluir o campo de busca.

Alguém, por favor, pode me ajudar?

Estou utilizando o template padrão do opencart, apenas com algumas modificações nos módulos e adições de banners, moedas, métodos de pgto, etc.

Desde já agradeço a atenção de todos!

[Vanssiler]

Boa tarde importantz!!!

para acessar e modificar as propriedades do carrinho altere o seguinte código em stylesheet.css:

#header #cart .heading {
background:none
}

O mesmo serve para o campo de busca:

#header #search{ <-- Div que envolve o campo de busca.
background:none
}

#header .button-search{ <-- Div do botão de busca
PROPRIEDADE QUE DESEJAR
}

e finalmente o input de busca:

#header #search input{
background:none
}


Espero ter ajudado.

Abs.

[eestrada]

Prezados,

Estou quebrando a cabeça aqui porque instalei um tema no opencart (Ice_theme) e a função de busca na página inicial está um pouco alterada. No tema default, quando escrevemos algo no campo "Busca" e clicamos em "Enter", a busca é efetuada normalmente. Nesse tema que eu instalei, a busca não é efetuada ao se clicar "Enter", de modo que é preciso clicar com o mouse no ícone da lupa que fica ao lado do campo de texto. Reproduzo abaixo a parte do stylesheet do referido tema que eu penso ter a ver com a mudança que desejo. Se alguém puder me ajudar, agradeço. Além disso, se alguém quiser testar no site, dê uma olhada: www.neutroinfo.com.br (ainda estou testando algumas funcionalidades, de modo que ainda não está totalmente aberto, para o caso de alguém se interessar por algo).

Abraços,
Eduardo

#search {
float:left;
position:relative;
margin:18px 0 8px}

#search .button-search {
position: absolute;
right: 1px;
background: #eee url('../image/button-search.png') center center no-

repeat;
width: 28px;
height: 28px;
border-left: 1px solid #dcdcdc;
cursor: pointer;
top: 1px;
border-radius: 0 4px 4px 0;}

#search .button-search:hover {}

#search input[type="text"] {
color:#999}

#search input[type="text"]:focus {
border-color:#B2B2B2;
box-shadow:none;
color:#444}

[unknown1140]

Isso acontece pq o opencart usa o seletor #header [input] via javascript pra detectar o pressionar da tecla enter. No seu tema o campo busca está fora do container #header, logo ele não consegue selecionar o campo certo (não me pergunte pq não usaram uma id pra esse campo de busca...)
Vc tem 2 soluções:
Mudar o campo de busca de volta para o #header ou ir no arquivo "/catalog/view/javascript/common.js" e mudar o seletor, pra isso procure:

Código: Selecionar todos

$('#header input[name=\'filter_name\']').bind('keydown', function(e) {

		if (e.keyCode == 13) {

			url = $('base').attr('href') + 'index.php?route=product/search';

			 

			var filter_name = $('input[name=\'filter_name\']').attr('value');

			

			if (filter_name) {

				url += '&filter_name=' + encodeURIComponent(filter_name);

			}

			

			location = url;

		}

	});

e troque o seletor:

Código: Selecionar todos

$('#SEU-NOVO-SELETOR input[name=\'filter_name\']').bind('keydown', function(e) {

		if (e.keyCode == 13) {

			url = $('base').attr('href') + 'index.php?route=product/search';

			 

			var filter_name = $('input[name=\'filter_name\']').attr('value');

			

			if (filter_name) {

				url += '&filter_name=' + encodeURIComponent(filter_name);

			}

			

			location = url;

		}

	});

Qq dúvida, estamos aqui.