Fórum OpenCart Brasil

Por um e-commerce livre, confiável e profissional

Suporte para temas OpenCart v3.x.
#81149
Prezados amigos!
Criei um novo tema e esta tudo funcionando, exceto:
- Quando o Zoom dos navegadores esta em 100% ou acima disto, a exibição funciona corretamente.
- Quando o Zoom dos navegadores esta em 90% ou menos, os botões perdem as cores, os ícones da primeira linha é exibido com descrições ao lado, uma verdadeira lambança.
Então vem a pergunta.
Provavelmente devo adicionar algo no Stylesheet.css.
Qual seria a linha para resolver isto?
Atenciosamente
#81161
Prezado @Manoel Vidal !
A loja não esta online, esta em teste no xampp.
Mas vou lhe encaminhar links com fotos:
- Quando o zoom esta em 100% ou mais é exibido desta forma:
https://ibb.co/LQMPCBy
E mais abaixo:
https://ibb.co/fd90Qp3
Quando diminuimos o zoom para 90% no Chrome, Firefox e Edge veja o que acontece:
https://ibb.co/LhpmBHM
e mais abaixo:
https://ibb.co/wr0kv5K
NOTE: Quando o zoom é 100% ou maior, é tudo exibido certinho, na primeira barra, é exibido apenas o icone do telefone, icone da conta, enfim... O botão de comprar fica no tamanho e na cor certa.
Ao passo que onde o zoom é menor que 100% os botões de comprar perdem a cor e aumentar de tamanho, ficando tudo desproporcional. Além de aparecer o icone do telefone e o telefone ao lado, além dos outros icones.
Como posso resolver isto?
Atenciosamente
#81163
Pelo seu relato e as imagens, deu para entender que se trata de um problema com o CSS, e neste caso, o ideal seria você utilizar o inspetor de objetos do navegador Chrome, para verificar que arquivos CSS você deve editar e que linhas dos arquivos devem ser modificadas para realizar os ajustes e assim resolver o problema, sendo que essas mudanças acontecem conforme o tamanho da tela, porque o layout de temas para OpenCart são responsivos, ou seja, se adaptam ao tamanho da tela do usuário.

Se você não souber como utilizar o inspetor de objetos do navegador chrome, tem muito vídeos no youtube que ensinam a utilizar essa ótima ferramenta, lembrando que o firefox também tem um inspetor de objetos.

Espero ter ajudado. :D
#81186
Prezado @Manoel Vidal !
Encontrei o problema! Não se tratava de um erro.
No arquivo Styleshet.css
Eu troquei a cor do Background-color, ocorre que mais a cima havia outra regra e nesta não havia modificado a cor. Tratava-se desta linha:
background-color: #eee;
Ocorre que quando o zoom é maior que 100% usa-se uma regra, e quando é menor utiliza-se esta mencionada acima.
Bem, o layout ficou show!
Muito obrigado mais uma vez pelos auxilios!
Grande abraço
Manoel Vidal gostou disso

Gente preciso de ajuda urgente. Na migraç&a[…]

Caro @reds , muito obrigado pela resposta.

PHP 8+ incompatibilidade

Toda tradução para a versão 3[…]

Ola @alex3257 Se você precisa apenas ver […]