Vitrine produtos mobile de Dois em Dois Produtos

Layout
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