Vitrine produtos mobile de Dois em Dois Produtos

Layout
1

Boa tarde Comunidade,

Estou com dificuldade para criar javascript ou css para exibir de dois em dois produtos na versão Mobile, por favor conseguem me ajudar?

Obrigado

2

Só com programador que vai conseguir, quem faz esse serviço é o @brenonovelli

Ele fez na Zuloja

2 curtidas
3

Isso é o código apenas para o funcionamento do carrossel. Talvez ajustes de layout precisarão ser feitos. Vai depender de cada loja

Testem isso pra ver como vai ficar.

css

.listagem-linha li {
     max-width: 50vw;
}

Script no rodapé

if ($(".listagem .produtos-carrossel").length) {
  $(".listagem .produtos-carrossel").each(function () {
    var o = Number($(this).data("produtos-linha"));

    if (window.innerWidth < 770) {
      o = 1;
    }
    var n = $(this).width() / o - 10;
    $(this)
      .find(".listagem-linha")
      .flexslider({
        animation: "slide",
        slideshow: false,
        selector: "ul > li",
        animationLoop: true,
        controlNav: true,
        smoothHeight: false,
        useCSS: false,
        touch: true,
        prevText: "",
        nextText: "",
        itemWidth: n,
        itemMargin: 0,
        minItems: 2,
        maxItems: o,
        start: function (p) {
          if (p.pagingCount === 1) {
            p.directionNav.hide();
          }
        },
      });
  });
}

Explicação do caso:

4 curtidas
4

Obrigado pela indicação!

5

Valeu Breno deu certo, bom falar com quem entende.

Estamos no começo e com um pouco de receio em investir por isso não contratamos alguém ainda, mas em breve deixaremos orçamento para um trabalho mais pro e certamente procurarei você.
Se não for pedir muito gostaria de remover o ícone “veja mais” da versão mobile porque sobrepõe a descrição do produto e o espaçamento grande entre descrição e produto. Muito obrigado por sua cooperação!

2 curtidas
6

Painel > Minha Loja > Aparência > Configurar tema > botôes

image

3 curtidas
7

Top Yuri deu certo. Obrigado amigo!

2 curtidas