Ir para conteúdo

Sirlene Cristina

Members
  • Total de itens

    8
  • Registro em

  • Última visita

Tudo que Sirlene Cristina postou

  1. Sirlene Cristina

    Produtos em 2 colunas em CSS - Mobile

    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
  2. Sirlene Cristina

    Produtos em 2 colunas em CSS - Mobile

    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 %}
  3. Sirlene Cristina

    Produtos em 2 colunas em CSS - Mobile

    @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
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.