Página 1 de 2

Retirar a moldura dos produtos

Enviado: 01 Fev 2012, 22:47
por 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

Re: Retirar a moldura dos produtos

Enviado: 02 Fev 2012, 02:48
por 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;*/

Re: Retirar a moldura dos produtos

Enviado: 02 Fev 2012, 08:00
por DENILSON1967
Renato:

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

Grato

Re: Retirar a moldura dos produtos

Enviado: 02 Fev 2012, 11:24
por Manoel Vidal
Não sou o Renato, mas para adiantar, é isso mesmo. :)

Espero ter ajudado :D

Re: Retirar a moldura dos produtos

Enviado: 02 Fev 2012, 11:33
por Renato Frota
Valeu Vidal. :mrgreen:

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 */

Re: Retirar a moldura dos produtos

Enviado: 02 Fev 2012, 13:37
por DENILSON1967
Obrigado e desculpem-me, mas realmente, sou leigo e desconheço totalmente os termos técnicos utilizados em programação.

Re: Retirar a moldura dos produtos

Enviado: 02 Fev 2012, 13:50
por 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.

Re: Retirar a moldura dos produtos

Enviado: 02 Fev 2012, 14:12
por 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

Re: Retirar a moldura dos produtos

Enviado: 02 Fev 2012, 23:31
por Renato Frota
DENILSON1967 escreveu: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.
m.gimenez escreveu: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!

Re: Retirar a moldura dos produtos

Enviado: 03 Fev 2012, 08:18
por 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.