Fórum OpenCart Brasil

[DENILSON1967]

Gostaria de saber como posso fazer para retirar a moldura dos produtos.
A minha intenção é deixar apenas o produto da forma que vejo em alguns sites do OC.
Grato.
Denilson

[Renato Frota]

Edite o seu stylesheet.css

Procure as 6 ocorrências de:

Código: Selecionar todos

border: 1px solid #E7E7E7;

comente:

Código: Selecionar todos

/*border: 1px solid #E7E7E7;*/

[DENILSON1967]

Renato:

Quando vc diz "comente" eu devo substituir? É isto?

Grato

[Manoel Vidal]

Não sou o Renato, mas para adiantar, é isso mesmo.

Espero ter ajudado

[Renato Frota]

Valeu Vidal.

complementando..

em qualquer linguagem de programação, um 'comentário' é uma linha (ou um bloco de linhas) que será ignorado pelo sistema que interpreta o código.

no caso do PHP, qualquer texto após duas barras seguidas // e blocos (de 1 linha ou mais) enclausurados por /* e */ são comentários
ex:

Código: Selecionar todos

foreach($array as $identifier) {
 echo $identifier['name']; // exibe nome
 echo $identifier['price']; // exibe preço
 /*
    echo $identifier['brand']; // exibe marca
    echo $identifier['stock']; // exibe qtde em estoque
 */
}

as duas primeiras linhas são executadas (o texto 'exibe nome' à frente é só um comentário de documentação)
as duas últimas, não são, pois estão enclausuradas por /* e */

trocando em miúdos, comentar ou excluir a linha, dá na mesma. a vantagem de comentar, é que você sabe que, algum dia, aquele código foi usado ali

no caso do CSS, o correto é usar apenas o segundo método

informação avançada:

muitos comentam com // no CSS e acham que a linha foi ignorada, quando na verdade ela passou pelo interpretador que, não encontrando função associada ao comentário, anota um erro interno. exemplo:

Código: Selecionar todos

// conteudo geral
body {
    background-color: #000;
}

a linha 'conteudo geral' não causa efeito, mas consome mais processamento. o correto é /* conteudo geral */

[DENILSON1967]

Obrigado e desculpem-me, mas realmente, sou leigo e desconheço totalmente os termos técnicos utilizados em programação.

[DENILSON1967]

Renato: coloquei as barras indicadas e mm assim não alterou a exposição dos produtos.
Substitui as seis mencionadas por vc, mas mm assim não deu certo.

[m.gimenez]

Retirar moldura dos módulos que ficam na home

vá até: catalog\view\theme\seutema\stylesheet

localize
.box-product .image img {
padding: 3px;
border: 1px solid #E7E7E7;
}
e substitua por
.box-product .image img {
padding: 3px;
*/border: 1px solid #E7E7E7;
}
fiz localmente e funcionou- utilizando template padrão/default

Para remover todas e só fazer o que o renato escreveu:
localizar
border: 1px solid #E7E7E7;
e substituir por
*/border: 1px solid #E7E7E7;

até mais

[Renato Frota]

Renato: coloquei as barras indicadas e mm assim não alterou a exposição dos produtos.
Substitui as seis mencionadas por vc, mas mm assim não deu certo.

Depois de alterar, vc deve pressionar Ctrl+F5 no site, pois nenhum navegador atualiza o CSS quando as alterações são pequenas.

Retirar moldura dos módulos que ficam na home

vá até: catalog\view\theme\seutema\stylesheet

localize
.box-product .image img {
padding: 3px;
border: 1px solid #E7E7E7;
}
e substitua por
.box-product .image img {
padding: 3px;
*/border: 1px solid #E7E7E7;
}
fiz localmente e funcionou- utilizando template padrão/default

Para remover todas e só fazer o que o renato escreveu:
localizar
border: 1px solid #E7E7E7;
e substituir por
*/border: 1px solid #E7E7E7;

até mais

não esqueça o */ no final da linha, ou todo o seu CSS pode ser ignorado da primeira ocorrência de /* em diante!

[m.gimenez]

Desculpa a mancada, é a pressa em querer ajudar e não ter o conhecimento necessário. Nunca fiz curso nenhum, tô aprendendo na raça.