Fórum OpenCart Brasil

[Marcelo Fernandes]

Primeiramente bom dia galera.

Venho aqui pedir a ajuda de vocês, porque não sei mais o que fazer para acertar esse pequeno erro. Entrando no site da loja http://www.inovestudio.com.br/loja o menu superior(barra preta) não fica centralizado como o resto do site e isso só ocorre em monitores com resolução maior de 1280x960... Ainda não estou 100% em programação e tals... Ja tentei centralizar pelo css usando o padding/margin mas mesmo assim ele permanece mais a esquerda ao invés de centralizado =/

Código: Selecionar todos

#top_bar{margin:0; padding:0; width:100%; height:35px; border-bottom:1px solid #CCC; background:#000;}
#top_bar #top_bar_content{width:100%; margin:0; padding:0;}
#top_bar #top_bar_content .links {
	float:left;
	margin:10px 10px 10px 150px;
	padding-right: 10px;
}

esse é o codigo que eu usei para fazer essa barra superior. Tem alguma coisa errada? Alguem poderia me ajudar a resolver isso?

[unknown1140]

Adicione no CSS:

Código: Selecionar todos

#top_bar_content {
width: 978px;
}

O problema é q a largura do container estava em 100% (quando vc não define o pradão é 100%).

[Marcelo Fernandes]

Ah sim! Muito obrigado unknown1140 agora deu certinho!


E só mais uma coisa se possível pessoal. Como coloquei o pesquisar nessa barra superior, o ENTER não funciona para iniciar a pesquisa, porque ocorre isso? Tenho que mudar algo na config do search só por ter mudado ele de div?

[unknown1140]

Isto acontece pq vc retirou a busca do div com o id #header. Para consertar vc vai ter q alterar o arquivo /catalog/view/javascript/common.js
Procure o seguinte código:

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;
		}
	});

Altere para:

Código: Selecionar todos

$('#search 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;
		}
	});

[Marcelo Fernandes]

Funcionou perfeitamente! Mais uma vez, obrigado pela ajuda unknown1140.