-
Total de itens
8 -
Registro em
-
Última visita
Reputação
0 ComumSobre Sirlene Cristina
Últimos Visitantes
O bloco dos últimos visitantes está desativado e não está sendo visualizado por outros usuários.
-
Sirlene Cristina alterou sua foto pessoal
-
Produtos em 2 colunas em CSS - Mobile
Sirlene Cristina respondeu ao tópico de Sirlene Cristina em Desenvolvimento frontend
Oi @Maujor Após dias de pesquisa na plataforma, finalmente encontrei os dados da "bendita" vitrine de produtos. Gostaria de tirar este carrossel da vitrine de produtos na versão Mobile, mas se me ajudar com o que enviei para 2 colunas (Mobile), já esta ótimo. {% if products|length > 0 %} <div class="titulo-categoria borda-principal cor-principal vitrine-lancamento"> <strong>{{ showcaseTitle }}</strong> </div> <ul class="produtos-carrossel"> {% for product in products %} <li class="col-sm-3"> {% element 'snippets/product' {"product": product} %} </li> {# {% if loop.index is divisible by (4) %} </ul> <ul class="row"> {% endif %} #} {% endfor %} </ul> {% endif %} -
Produtos em 2 colunas em CSS - Mobile
Sirlene Cristina respondeu ao tópico de Sirlene Cristina em Desenvolvimento frontend
@Maujor 1) É isso mesmo. Gostaria que nossos produtos fossem apresentados em 2 colunas. 2) Aquele foi um exemplo de um site de cosméticos de nossa cidade. Segue o url: https://www.lojasrede.com.br/busca?busca=batom 3) Na plataforma da Tray tem um local específico para o CSS. Como não consegui identificar todos os campos, eles não vão aparecer. Minha dificuldade é substituir. Ex.: 1 - Loja Integrada: #listagemProdutos Tray: #listagemProdutos 2 - Loja Integrada: info.produto Tray: info.produto 3 - Loja Integrada: #listagem.linha Tray: Não descobri 4 - Loja Integrada: #listagem.com-caixa Tray: Não descobri 5 - Loja Integrada: .preco-produto Tray: .product-price Eu acredito que, se substituir os campos, o código acima vai funcionar. Maujor, muito obrigada pela ajuda mais uma vez. Att, Sirlene Cristina -
Sirlene Cristina começou a seguir Produtos em 2 colunas em CSS - Mobile
-
Produtos em 2 colunas em CSS - Mobile
Sirlene Cristina postou um tópico no fórum Desenvolvimento frontend
Olá, Não sou programadora, mas estou fazendo alguns ajustes para lançar o nosso e-commerce. Executei muitas alterações com dicas da internet, inclusive 2 do @Maujor. Antes de abrir este tópico pesquisei muito, mas não consegui fazer a última alteração do nosso site. Na versão mobile gostaria que os produtos aparecem em 2 colunas, porém a versão original não permite. Consegui este código da nossa página na loja integrada. @media (max-width: 767px){#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;}} Mas não consegui identificar todos os campos, conforme abaixo. @media (max-width: 767px){#listagemProdutos > ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}#listagemProdutos > ul li.slick-slide ul{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}#listagemProdutos > ul li.slick-slide ul li{width:50%;margin:0 0 15px}.slick-initialized .listagem-item{border:0;min-height:368px}.slick-initialized .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;}} Alguma alma caridosa para me ajudar? https://drogariavivabem.commercesuite.com.br/ Segue abaixo como gostaria que ficasse. Desde já, obrigada. Sirlene