Boa noite coloquei o código abaixo porem gostaria de voltar como era antes com um produto apenas, como era na versão original do loja integrada.
alguém poderia ajudar?
codigo que coloquei foi esse:
@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 15px}.listagem.com-caixa .listagem-item{border:0;min-height:368px}.listagem.com-caixa .listagem-item .imagem-produto{border:0;padding:0}.listagem .listagem-item .info-produto{border:none!important;padding:5px 0}.listagem .listagem-item .info-produto a.nome-produto{min-height:110px;display:flex;align-items:center}.busca .botao-busca{padding:5px 14px!important}.listagem .listagem-item .acoes-produto-responsiva,#btn-top{display:none!important}.preco-produto s.preco-venda{display:block;font-size:14px}.preco-produto .desconto-a-vista, .preco-produto strong.titulo{font-size: 11px !important}.preco-venda {display:block;font-size:12px !important;}}
É só apagar os codigos que tu colocou;
serve tanto pro css quanto pro html;
Boa tarde, coloquei o código abaixo e ele funciona bem, porem eu tenho que desabilitar a opção de carrossel na vitrine. Ou seja, aparecem apenas dois produtos lado a lado mas não consigo visualizar o resto dos produtos utilizando o carrossel para ter uma navegação horizontal. Caso eu habilite a opção de carrossel novamente os produtos não aparecem mais na vitrine na versão mobile. Alguem ja passou essa situação ou sabe como resolver? Desde já agradeço a atenção!
@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 15px}.listagem.com-caixa .listagem-item{border:0;min-height:368px}.listagem.com-caixa .listagem-item .imagem-produto{border:0;padding:0}.listagem .listagem-item .info-produto{border:none!important;padding:5px 0}.listagem .listagem-item .info-produto a.nome-produto{min-height:110px;display:flex;align-items:center}.busca .botao-busca{padding:5px 14px!important}.listagem .listagem-item .acoes-produto-responsiva,#btn-top{display:none!important}.preco-produto s.preco-venda{display:block;font-size:14px}.preco-produto .desconto-a-vista, .preco-produto strong.titulo{font-size: 11px !important}.preco-venda {display:block;font-size:12px !important;}}
Douglas, também preciso da sua ajuda. Preciso fazer isso na minha loja também
@douglaswp cara não estou conseguindo nem com reza! Hahah poderia me ajudar? meu site é o https://www.npximports.com.br
Estou arrancando os cabelos!
caso ainda precise de ajuda, eu sou freelancer e trabalho com edições de web design, crio ou removo funcionalidades só me chamar no whats que eu te mostro possíveis alterações e montar um orçamento -> 28999090467
USEI O CODIGO E OS PRODUTOS FICARAM PERFEITOS DENTRO DAS CATEGORIAS, PORÉM NA PAGINA INICIAL ONDE FICA MEU CARROSSEL COM DESTAQUES AS IMAGEM FICARAM DESORDENADAS APARECE METADE APENAS
. TEM COMO ARRUMAR ISSO, APARECENDO 2 PRODUTOS NO CARROSSEL?
1 curtida
@douglaswp amigo tu consegue colocar logo, menu na barra flutuante versão móbile
ola, posso te ajudar, qual seria a url do seu site ?
1 curtida
seria o logo centralizado na barra fixa ?
No caso eu queria colocar a logo ai aonde marquei e o menu no lugar do home e o home dentro do menu se possível, mais se não colocar a logo na barra flutuante versão móbile já ficaria show
Tudo centralizado, eu vir em algumas lojas inclusive uma farmácia que muitos aqui na comunidade estão usando de referência
www.pointdistribuidora.com.br
Vou criar primeiro o logo centralizado na barra blz ?
Ficará dessa forma 
acredito que seria o que você esta precisando, então vamos la.
1 - Criar uma pagina HTML clicando em “Incluir código HTML”
2- Clicar em Adicionar Código e logo em seguida deixar da forma que esta no print a baixo.
Segue o código para inclusão no conteúdo.
<script>
$('.atalhos-mobile ul').append('<img
src="https://cdn.awsli.com.br/400x300/1327/1327674/logo/65b0804796.png" alt="Point
Distribuidora">')
</script>
<style>
.atalhos-mobile.visible-phone.fundo-secundario.borda-principal ul img {
width: 35%;
}
</style>
Acredito que isso irá te ajudar, caso contrario apenas apagar essa nova pagina e me falar o que deu de errado, obs: como seu logo não esta vetorizado ele não fica em uma qualidade boa!
Espero ter ajudado!
1 curtida
Amigo tu é bom mesmo, mais vendo agora acho que não dá certo ficou tudo meio torto
Mais você fez um bom trabalho eu particularmente sou meio leigo nessas coisas
para tirar é bem simples substitui o codigo que eu te enviei por esse
<script>
$('.atalhos-mobile ul').append('<img
src="https://cdn.awsli.com.br/400x300/1327/1327674/logo/65b0804796.png" alt="Point
Distribuidora">')
</script>
<style>
.atalhos-mobile.visible-phone.fundo-secundario.borda-principal ul img {
width: 32%;
}
@media(max-width:600px){
h1.logo.cor-secundaria {
display: none;
}
}
</style>