Fórum OpenCart Brasil

segue o link da pagina

http://www.lojaartexpress.com.br

Como vcs podem observar, em produtos, ficam 3 fileiras de imagens, e um espaço em branco ao lado, como colocar outra foto ao lado, ou seja, naquele espaço em branco ocupar com uma foto, deixando 4 imagem por fileira...??? Agora esta com 3

é só ir em módulos > clique em editar no módulo Novidade ou o módulo que quiser > e diminua o tamanho das imagens em Tamanho

Valdeir...
A foto diminui, mas continua em 3 fotos e com um espaço vazio ao lado, gostaria de colocar a 4° ao lado ficando fileiras de quatro

então altere a linha 637 do arquivo catalog/view/theme/MarketInSG_Fashion_Grey/stylesheet/stylesheet.css para

width:174px;

e linha 640 para

margin-left:10px;

Valdeir...
Onde fica respectivamente essas linhas....

.box-product > div {
width: 167px; /* altere para width:174px; */
display: inline-block;
vertical-align: top;
margin-right: 20px; /* altere para margin-left:10px; */
margin-bottom: 20px;
}

Valdeir...
Obrigado resolveu o problema...
Mas tem um pequeno detalhe... no departamento continua a mesma coisa, só mudou na principal

localiza essa linha no arquivo catalog/view/theme/MarketInSG_Fashion_Grey/stylesheet/stylesheet.css


.product-grid > div {
width: 169px; /* Altere para width: 174px; */
display: inline-block;
vertical-align: top;
margin-right: 20px; /* Altere para margin-right:13px; */
margin-bottom: 15px;
}

Valdeir...
Muito Obrigado mesmo, resolveu o meu problema...
Essas alterações não afetará a funcionalidade do opencart não, né???
Essa alteração só é valida para esse tema??


Obrigado

Não vai alterar a funcionalidade não, Rogério.
Sim, essas alterações só funcionarão para esse template, para funcionar em outro template para fazer as mesmas alterações só que no arquivo catalog/view/theme/OUTRO_TEMA/stylesheet/stylesheet.css, por exemplo.