Product Slider Mobile Ansicht 2 Produkten nebeneinander

Hallo,

ich versuche im Mobile Ansicht in Product-Slider, 2 Produkten nebeneinder zu darstellen.
Ich hab versucht leider das 2 produkt steht nicht daneben.

vielen Dank
Potharlanka

Screenshot 2022-05-05 140155

Hallo,

das würde mich auch sehr interessieren.

LG

ich hab das itemlimit in slider.js erhöht und getestet. Sonst auch in base-slider die responsive in xs setmax items auf 2.
Bei mir ging es jetzt

Versuch mal.
LS

VG

Hallo,

komischerweise passt der das mit dem items gar nicht an. Wenn ich im Browser auf Responsive umschalte, dann zeigt er mir auch die 2 Produkte schön an. Sobald ich zB auf iPhone 12 Pro umschalte oder eine andere vordefinierte Mobilansicht, springt er wieder auf 1 Produkt um. auf meinem iPhone zeigt er mir auch nur 1 Produkt an.

Hier meine options:

{% set productSliderOptions = {
    productboxMinWidth: sliderConfig.elMinWidth.value ? sliderConfig.elMinWidth.value : '',
    slider: {
        gutter: 10,
        items: 5,
        autoplayButtonOutput: false,
        nav: false,
        center: false,
        lazyload: true,
        loop: false,
        mouseDrag: sliderConfig.navigation.value ? false : true,
        controls: sliderConfig.navigation.value ? true : false,
        autoplay: sliderConfig.rotate.value ? true : false,
        responsive: {
            xs: {items: 2, gutter: 4, edgePadding: 60, controls: false, nav: false, preventScrollOnTouch: auto, productboxMinWidth: false}
        }
    }
} %}

Welche JS Datei hast du denn noch angepackt?

LG

ja ich hatte auch dasselbe beim erstmal versucht.

Schaumal unter product.slider.plugin.js

kannst du die _addItemLimit wert auf 2 setzen und testen.

Sonst muss du tiny.slider verwenden.

viel Glück.

Prashanth

Wenn ich im Backend die Minimal width auf 160px runtersetze, bekomme ich mobil 2 Produkte nebeneinander, dafür auch 6 Produkte auf der Desktopansicht. Kann ich verschmerzen, dennoch ein weiteres Armutszeugnis von Shopware, hier keine moderne Lösung zu implementieren.

wie sieht dein product.slider.plugin.js code aus?