Fórum OpenCart Brasil

[junin_tm]

Eai pessoal,
Estou editando meu site (www.apoioinformatica.com.br) mas quando eu cadastro produtos para exibir na pagina principal do site, o NOME DO PRODUTO em vez de descer de linha quando fica muito grande, ele vai se extendendo na mesma linha, acaba que desalinhando as colunas....
Alguem teria alguma solução? Vi que varios sites feito em OPENCART desce o NOME do produto, mas o meu nao vai.
Obrigado a todos que tentarem ajudar.

Foto de como está ficando:
http://www.apoioinformatica.com.br/amostra.jpg

[juliocesar757]

É ajuste de CSS que deve ser feito para o seu tema.
Ao invés de imagem, você habilitar um exemplo de produto fica mais fácil de passarmos a correção.

[junin_tm]

Vou passar o a parte que acho que deve alterar no CSS (Styleshet)


/* box products */
#body-shop{
display:none;
}
.box-product {
overflow: auto;
margin:0 auto 0 auto;
}
.box-product > div {
width:auto;
display: inline-block;
vertical-align: top;
text-align:center;
margin:10px auto 10px auto;
}
#column-left + #column-right + #content .box-product > div {
width: 119px;
}
.box-product .image {
display: block;
margin-bottom: 0px;
}
.box-product .image img {
padding: 3px;
border: 1px solid #E7E7E7;
}
.box-product .name a {
color: #000000;
font-weight: bold;
text-decoration: none;
font-size: 13px;
display: block;
margin-bottom: 10px;
}
.box-product .price {
display: block;
font-weight: bold;
color: #333333;
margin-bottom: 5px;
}
.box-product .price-old {
color: #F00;
text-decoration: line-through;
}
.box-product .price-new {
font-weight: bold;
}
.box-product .rating {
display: block;
margin-bottom: 4px;
}

[juliocesar757]

Assim fica difícil, mas vou 'chutar' onde deve ser corrigido. Mude a propriedade 'width' de 'auto' para 170px ou um número que fique melhor no seu tema:

Código: Selecionar todos

.box-product > div {
width: 170px;
.
.
.
}

[junin_tm]

"Chutou" certo kkkkkk. Valeu cara, tava me matando pra resolver esse problema, valeu!!