Boa tarde, gostaria de saber se tem como colocar mais de um produto na mesma linha quando a pessoa acessa o site pelo celular. No computador selecionei a opção com 4 produtos por linha, mas quando abro pelo smartphone aparece apenas um, o que dificulta a visualização.
2 curtidas
Olá
Peguei este código aqui na comunidade e deu certo. Sao 2 produtos por linha. Ficou bem melhor.
Inclua em Editar CSS.
/* duas colunas de produtos no mobile */
@media (max-width: 768px){#listagemProdutos > ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}#listagemProdutos > ul li.listagem-linha ul{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}#listagemProdutos > ul li.listagem-linha ul li{width:50%;margin:0 0 20px}.listagem.com-caixa .listagem-item{border:0}.listagem.com-caixa .listagem-item .imagem-produto{border:0;padding:0}.listagem .listagem-item .info-produto{border:none!important;padding:5px 0}.busca .botao-busca{padding:5px 14px!important}.listagem .listagem-item .acoes-produto-responsiva,#btn-top{display:none!important}}
1 curtida
De uma olhada no meu site
ficou legal, mas sumiu os produtos em destaque na pagina inicial