Página 1 de 1
Banner com borda branca
Enviado: 09 Ago 2016, 05:12
por 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!
Re: Banner com borda branca
Enviado: 09 Ago 2016, 08:35
por 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;
}
Re: Banner com borda branca
Enviado: 09 Ago 2016, 16:45
por 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...
Re: Banner com borda branca
Enviado: 10 Ago 2016, 02:12
por 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.
Re: Banner com borda branca
Enviado: 10 Ago 2016, 09:16
por reds
valdeir2000 escreveu: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.
Re: Banner com borda branca
Enviado: 10 Ago 2016, 16:25
por 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!
Re: Banner com borda branca
Enviado: 10 Ago 2016, 17:46
por valdeir2000
diegopaa escreveu: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.