Então tenta atualizar aquele código anterior para isso aqui:
#listagemProdutos.listagem .listagem-item .info-produto, .listagem.aproveite-tambem .listagem-item .info-produto {
min-height: 255px;
}
.slick-slide > div > div.info-produto > div {
position: absolute;
bottom: 0;
}
Quanto ao problema na versão mobile, acrescenta esse código:
@media screen and (max-height: 370px) {
input#auto-complete {
width: 85%;
}
}
José o comando para alinhar a descrição do produto ficou showww.
Mas o campo busca continua sobrepondo o campo cupom.
Nossa, eu errei o comando, troca por esse:
@media screen and (max-width: 370px) {
input#auto-complete {
width: 85%;
}
}
Eu apliquei mas mesmo assim ele nao alterou José. Continua com a o campo em cima do outro.
Você sabe me dizer em qual resolução de tela isso está acontecendo?
José agora deu certo. Acredito que eu não tenha esperado o tempo certo.
Ficou perfeito. Muito obrigado.
Bom dia José.
Estou com uma dúvida. Na verdade, não é algo que implica na funcionalidade da Loja.
Mas está estranho.
Quando eu passo para o lado para exibir os outros modelos do nosso produto. A bolinha vermelha que indica a página, está sendo exibido ao contrário. Eu gostaria que ele fosse exibido no sentido vai sendo exibindo as páginas dos produtos.
Que esquisito. Parece ser um CSS do seu tema. Você pode resolver isso acrescentando esse código na sua loja:
ul.slick-dots {
transform: scaleX(-1);
}
É uma gambiarra, então você precisa dar uma olhada no resto da loja para ver se não quebrou nada.
Aparentemente ficou legal José. Não notei nenhum alteração no restante da loja.
Muito obrigado pela ajuda mais uma vez.
José boa noite. Estou com uma dificuldade. Quando estou criando um produto com variação ele não fica visível na cor branca. Eu preciso clicar em cima do botão para aparecer.
Boa noite. Você pode colocar uma borda indicando que há uma opção para o cliente escolher aí:
.produto .atributos .atributo-cor ul li a {
border: 1px solid #ff0000;
}
Ficou legal José. Uma dúvida, eu consigo deixar apenas a variação branca com a borda?
É possível. No caso desse produto, seria isso:
.atributos .atributo-cor > ul > li:nth-child(2) > a {
border: 1px solid #000000;
}
Ele ficou com o botão branco maior José.
Tenta adicionar esse CSS:
.atributo-cor a {
padding: 0;
}
Ficou melhor José. Muito obrigado.
Só toma cuidado porque esse código que eu te passei vai sempre colocar uma borda preta na segunda opção do produto com variação. Uma forma de evitar dor de cabeça é sempre deixar a cor branca como a segunda opção.
Obrigado José. Viu pode me ajudar em outra dúvida. Eu fiz alguma alteração que deixou um espaço entre o produto e o valor. Consegue me ajudar?
Você esqueceu de colocar o código que eu te passei na parte do CSS exclusivo para mobile. O certo seria isso aqui:
@media screen and (max-width: 767px) {
#listagemProdutos.listagem .listagem-item .info-produto, .listagem.aproveite-tambem .listagem-item .info-produto {
min-height: 255px;
}
.slick-slide > div > div.info-produto > div {
position: absolute;
bottom: 0;
}
}
