Fórum OpenCart Brasil

[diegopaa]

Bom dia!

Já procurei pelo fórum e não achei resposta pro meu problema! Uso a versão 2.3.0.2.
Acontece q quando eu adiciono banners e coloco a dimensão, 1200x600 por exemplo, ao invés da imagem ser redimensionada o opencart coloca uma borda branca em volta... Alguém sabe como faz pra tirar isso?

Obrigado!

[reds]

ola,
Na verdade a "Borda" sempre esteve lá, pra remover a mesma ou adicionar outras configurações edite o arquivo responsável pela mesma.

...catalog\view\javascript\jquery\owl-carousel\ owl.carousel.css

deve estar +- na linah 84

Código: Selecionar todos

.owl-carousel {
	background: #fff; 
	border: 4px solid #fff; 
	position: relative;
	direction: ltr !important;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-o-border-radius: 4px; 
	border-radius: 4px; 
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); 
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); 
	-o-box-shadow: 0 1px 4px rgba(0,0,0,.2); 
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
	overflow: hidden;
}

[diegopaa]

O problema é que quando eu mando aumentar algum dos banners, ao invés de aumentar ele diminui a imagem e a borda branca fica maior ainda. Tipo, se eu coloco todos os banners a 1100x500, ao invés de ficarem todos do mesmo tamanho uns vão ficar grandes e outros pequenos com uma borda branca gigante. Comecei a mexer ontem, daí n sei muito o q fazer...

[valdeir2000]

Nesse caso você tem que criar uma imagem nesse tamanho específico, o OC trabalha com imagens mantendo a proporção do tamanho. Se um banner mede 100x100 e você aumenta para 150x100, então o OC vai manter a proporção e adicionar um fundo branco.

[reds]

Nesse caso você tem que criar uma imagem nesse tamanho específico, o OC trabalha com imagens mantendo a proporção do tamanho. Se um banner mede 100x100 e você aumenta para 150x100, então o OC vai manter a proporção e adicionar um fundo branco.

Ola,

Complementando a ideologia, os banners são criados respeitando a largura máxima do "container", ou seja se você usar ele no tamanho base seria algo como 1140px de largura, notado que se você diz para ele que o banner é diferente dessa, a coluna é preenchida,

Se mover o layout para um "container 100% da tela" o banner vai eleger a imagem para acompanhar a mesma largura, logo sabendo que a imagem recebe a classe "img-responsive"

Crie banner com a medida correta, algo como 1140px largura e a altura você é livre para faze-la
Obs: Faça todos os banners do slideshow na mesma medida, assim evita problemas.

[diegopaa]

Mt obrigado galera! Deu certo aqui! Uma coisa q eu testei e deu certo e que, provavelmente, a grande maioria de vcs sabem mas os leigos q nem eu podem gostar de saber é que se sua imagem estiver ficando com resolução muito ruim no 1140x (qualquer coisa), vc pode aumentar o arquivo original pro tamanho q vc quiser, desde q mantenha o aspect ratio. Por exemplo, se vc quer um banner de 1140x500, coloque a imagem original no tamanho 3420x1500 (os dois números vezes 3), pq se vc colocar diferente o opencart vai redimensionar tudo errado e pode até ficar sua imagem bem pequenininha com uma borda branca gigante! Vlws!

[valdeir2000]

Mt obrigado galera! Deu certo aqui! Uma coisa q eu testei e deu certo e que, provavelmente, a grande maioria de vcs sabem mas os leigos q nem eu podem gostar de saber é que se sua imagem estiver ficando com resolução muito ruim no 1140x (qualquer coisa), vc pode aumentar o arquivo original pro tamanho q vc quiser, desde q mantenha o aspect ratio. Por exemplo, se vc quer um banner de 1140x500, coloque a imagem original no tamanho 3420x1500 (os dois números vezes 3), pq se vc colocar diferente o opencart vai redimensionar tudo errado e pode até ficar sua imagem bem pequenininha com uma borda branca gigante! Vlws!

Só precisa tomar cuidado com o tamanho da imagem, pois ela pode pesar bastante durante o carregamento da página.