Duas colunas na vitrine mobile - Tema Padrão

Olá @Wolf, vc poderia me passar os códigos também? achei seu site muito foda!
contato.simpletali@gmail.com

@Wolf e amigos! Pesquiso há 2 semanas uma solução e nada, falei com o pessoal da L.I e nada! Falo com o pessoal do tela e nada.

Vejam em www.gabypresentes.com.br, para mim está tudo perfeito, porém gostaria de deixar nas categorias com 4 itens por linha, sei que é possível pois já vi inúmeros sites aqui assim.

Mas não consigo a solução.

Falando de desktop tá galera, quem puder me dar o caminho das pedras vou ficar muito agradecido.

Obrigado.

.pagina-categoria .listagem ul[data-produtos-linha="4"] li {
    width: calc(100% / 4);
}

@media (min-width: 1200px){
    .row-fluid .span9 {
        width: 100%;
     }
}

em CSS tem uma linha que deve ser removido para resoluções <= 1200 de width

e vai ficar certo.

No meu a primeira linha ficou com 2 produtos e depois um em cada linha mas alinhados na direita. Sabe como resolver?

O código funciona mais precisa desativar o carrossel.

Amigo, estou com o mesmo problema, quero colocar duas colunas, mas já copiei o codigo e colei no CSS mas não sei nada, o que houve?
Fiz algo errado?

Olá lojistas , boa noite. Tudo bem ?

Agora temos esse serviço disponível na Loja de Serviços, e com garantia de suporte.

Aquela função que vai dar toda diferença na sua loja, e alavancará com as suas vendas :rocket: :rocket: :rocket:

Duas colunas na vitrine mobile - Tema Padrão

Caso alguém tenha interesse, consigo um cupom de :label:desconto bem legal. :wink:

Tudo sobre Alpha Theme: @alphathemetemas | Linktree

#TodosJuntosAjudando
:fist_right: :fist_left:

Obrigado pelo cógido! Funcionou perfeitamente!

2 curtidas

@math.farsetti Olá campeão poderia me ajudar estou querendo colocar a vitrine do meu site em duas colunas e ajudar o botão ver mais abaixo do valor do produto. Na versão mobile. Eu uso o tema do Google.

Meu link : https://loja.pointdistribuidora.com.br

Olá, tudo bem? É possível deixar 3 colunas de produto na versão mobile? Já estou usando o código para deixar com 2.

Pessoal! Uma ajuda, por favor!
Como fazer para diminuir a visão dos produtos no carrinho, versão mobile?
Aparece enorme, toma a tela toda para cada um dos produtos.
Agradeço a ajuda!!!

Possivel é mas vai ficar tão pequeno…

Bom dia! Tudo bem? Entendo… e no carrinho? Sabe me dizer se dá pra deixar os produtos em formato de lista ao invés de blocos?


o mais perto que cheguei com o tema que uso:

@media only screen and (max-width: 767px){
	.tabela-carrinho td{
		/*display: table-cell;*/
		display: inline-grid;
	}
	.produto-info ul li:nth-child(1),
	.produto-info ul li:nth-child(2){
		display: none;
	}
	.tabela-carrinho .quantidade input[type=text] {
		width: 20px;
 		border-radius: 10px;
		border: 1px solid lightgray;
		margin: 0;
	}
	.tabela-carrinho .quantidade {
		margin: auto;
	}
	
	.preco-produto strong.titulo, 
	.resumo-compra .preco-produto .titulo, 
	.resumo-compra .total strong {
		font-size: 16px;
	}

	.tabela-carrinho .quantidade a, 
	.tabela-carrinho .excluir a {
		font-size: 16px;
	}

	.tabela-carrinho tr {
		text-align: left;
	}

	table.table.tabela-carrinho td.hidden-phone {
		display: inline-grid!important;
		width: 24%;
		margin: 0;
		padding: 0;
	}

	table.table.tabela-carrinho td.clearfix {
		display: inline-grid!important;
		width: 24%;
		margin: 0;
		padding: 0;
	}

	table.table.tabela-carrinho td.hidden-phone .preco-venda {
		display: none;
	}
	
	table.table.tabela-carrinho td.sem-borda:not(.conteiner-imagem) {
		width: 70%;
	}
    
    table.table.tabela-carrinho tr:not(.bg-dark) td:not(.clearfix, .hidden-phone, .sem-borda) {
		width: 24%;
	}

}

Noooossa! Já ficou maravilhoso aqui.
Acha que consigo deixar a lixeirinha na mesma linha?

sim diminui o percentual destes campos para ajustar

image

Ficou perfeito! Mais uma vez, muito obrigada.

1 curtida