Botão visível na listagem de produtos

Minha loja é a www.alexandritamodas.com, comprei um tema porém o botão de adicionar ao carrinho na listagem de produtos só aparece se passar o mouse por cima. Qual o código CSS que preciso adicionar para que fique fixo sem precisar passar o mouse por cima ?

1 curtida

Bom dia, segue abaixo o código para a alteração.

CSS

.listagem-item .acoes-produto {
  opacity: 1;
}
2 curtidas

Muito Obrigado
Deu certo !

2 curtidas

No Mobile é o mesmo código?? Pois está aparecendo no desktop, porém mobile não

O seu tema não há botão no mobile :confused:

Preciso contratar alguém para fazer isso no caso?

Precisa não, segue abaixo o código para colocar o botão na versão mobile.

@media only screen and (max-width: 767px){
  #listagemProdutos.listagem .listagem-item .acoes-produto-responsiva,
  .listagem.aproveite-tambem .listagem-item .acoes-produto-responsiva {
    visibility: visible;
  }
  
  #listagemProdutos.listagem .listagem-item .acoes-produto-responsiva .tag-comprar i {
    display: none;
  }
  
  #listagemProdutos.listagem .listagem-item .acoes-produto-responsiva .tag-comprar span {
    font-size: 12px;
  }
  
  #listagemProdutos.listagem .listagem-item .acoes-produto-responsiva {
    position: unset!important;
  }
}
2 curtidas

Preciso apagar algum código que já tem lá ? ou só adicionar mais esse Gabriell ?

Só adicionar esse código.

1 curtida

Olá, você teria o código pra alterar as dimensões do botão comprar e também para possibilitar mover o mesmo?

O código funcionou no meu mas o botão ficou fora do centro, tem algum código pra centralizar o botão comprar?
www.grifestorevariedades.com.br