# Product Slider Mobile Ansicht 2 Produkten nebeneinander

**URL:** <https://forum.shopware.com/t/product-slider-mobile-ansicht-2-produkten-nebeneinander/94252>\
**Category:** Allgemein\
**Created:** [5. Mai 2022 um 12:04 UTC](https://forum.shopware.com/t/product-slider-mobile-ansicht-2-produkten-nebeneinander/94252 "2022-05-05T12:04:25Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![p.potharlanka](https://avatars.discourse-cdn.com/v4/letter/p/97f17d/32.png) [@p.potharlanka](https://forum.shopware.com/u/p.potharlanka)\
**Post date:** [5. Mai 2022 um 12:04 UTC](https://forum.shopware.com/t/product-slider-mobile-ansicht-2-produkten-nebeneinander/94252/1 "2022-05-05T12:04:25Z")

</div>

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](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/5/d/5dd4a9987aefafc115256ecfa7518bfec0aca018.jpeg)

---

<div class="post-metadata">

**Author:** ![AlexBS](https://avatars.discourse-cdn.com/v4/letter/a/ed655f/32.png) [@AlexBS](https://forum.shopware.com/u/AlexBS)\
**Post date:** [12. Mai 2022 um 09:34 UTC](https://forum.shopware.com/t/product-slider-mobile-ansicht-2-produkten-nebeneinander/94252/2 "2022-05-12T09:34:35Z")

</div>

Hallo,

das würde mich auch sehr interessieren.

LG

---

<div class="post-metadata">

**Author:** ![p.potharlanka](https://avatars.discourse-cdn.com/v4/letter/p/97f17d/32.png) [@p.potharlanka](https://forum.shopware.com/u/p.potharlanka)\
**Post date:** [12. Mai 2022 um 10:22 UTC](https://forum.shopware.com/t/product-slider-mobile-ansicht-2-produkten-nebeneinander/94252/3 "2022-05-12T10:22:13Z")

</div>

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

 ![ps_2](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/d/d/dd9f537618a11b46231b0072eb88f95fda08dc64.jpeg)

Versuch mal.  
LS

VG

---

<div class="post-metadata">

**Author:** ![AlexBS](https://avatars.discourse-cdn.com/v4/letter/a/ed655f/32.png) [@AlexBS](https://forum.shopware.com/u/AlexBS)\
**Post date:** [12. Mai 2022 um 18:21 UTC](https://forum.shopware.com/t/product-slider-mobile-ansicht-2-produkten-nebeneinander/94252/4 "2022-05-12T18:21:46Z")

</div>

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:

```auto
{% 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

---

<div class="post-metadata">

**Author:** ![p.potharlanka](https://avatars.discourse-cdn.com/v4/letter/p/97f17d/32.png) [@p.potharlanka](https://forum.shopware.com/u/p.potharlanka)\
**Post date:** [13. Mai 2022 um 08:07 UTC](https://forum.shopware.com/t/product-slider-mobile-ansicht-2-produkten-nebeneinander/94252/5 "2022-05-13T08:07:17Z")

</div>

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.

> **[GitHub - ganlanyuan/tiny-slider: Vanilla javascript slider for all purposes.](https://github.com/ganlanyuan/tiny-slider)**
>
> Vanilla javascript slider for all purposes. Contribute to ganlanyuan/tiny-slider development by creating an account on GitHub.

> **[GitHub - ganlanyuan/tiny-slider: Vanilla javascript slider for all purposes.](https://github.com/ganlanyuan/tiny-slider#responsive-options)**
>
> Vanilla javascript slider for all purposes. Contribute to ganlanyuan/tiny-slider development by creating an account on GitHub.

viel Glück.

Prashanth

---

<div class="post-metadata">

**Author:** ![AlexBS](https://avatars.discourse-cdn.com/v4/letter/a/ed655f/32.png) [@AlexBS](https://forum.shopware.com/u/AlexBS)\
**Post date:** [15. Mai 2022 um 13:31 UTC](https://forum.shopware.com/t/product-slider-mobile-ansicht-2-produkten-nebeneinander/94252/7 "2022-05-15T13:31:52Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![p.potharlanka](https://avatars.discourse-cdn.com/v4/letter/p/97f17d/32.png) [@p.potharlanka](https://forum.shopware.com/u/p.potharlanka)\
**Post date:** [16. Mai 2022 um 12:36 UTC](https://forum.shopware.com/t/product-slider-mobile-ansicht-2-produkten-nebeneinander/94252/8 "2022-05-16T12:36:07Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![FinnMac](https://avatars.discourse-cdn.com/v4/letter/f/8e7dd6/32.png) [@FinnMac](https://forum.shopware.com/u/FinnMac)\
**Post date:** [2. Juni 2022 um 11:57 UTC](https://forum.shopware.com/t/product-slider-mobile-ansicht-2-produkten-nebeneinander/94252/9 "2022-06-02T11:57:47Z")

</div>

Hast du eine Lösung gefunden?

---

<div class="post-metadata">

**Author:** ![p.potharlanka](https://avatars.discourse-cdn.com/v4/letter/p/97f17d/32.png) [@p.potharlanka](https://forum.shopware.com/u/p.potharlanka)\
**Post date:** [7. Juni 2022 um 11:26 UTC](https://forum.shopware.com/t/product-slider-mobile-ansicht-2-produkten-nebeneinander/94252/10 "2022-06-07T11:26:08Z")

</div>

gerade verwende ich ein Theme, da gibt es die Möglichkeit die 2 Bilder in Mobile Ansicht zu sehen.

Davot hatte ich die Plugin slider AddItemLimit auf 2 erhöht.

Kannst du das versuchen.

VG

---

<div class="post-metadata">

**Author:** ![FinnMac](https://avatars.discourse-cdn.com/v4/letter/f/8e7dd6/32.png) [@FinnMac](https://forum.shopware.com/u/FinnMac)\
**Post date:** [7. Juni 2022 um 11:59 UTC](https://forum.shopware.com/t/product-slider-mobile-ansicht-2-produkten-nebeneinander/94252/11 "2022-06-07T11:59:42Z")

</div>

und in welcher Datei ist dies festgelegt?

---

<div class="post-metadata">

**Author:** ![p.potharlanka](https://avatars.discourse-cdn.com/v4/letter/p/97f17d/32.png) [@p.potharlanka](https://forum.shopware.com/u/p.potharlanka)\
**Post date:** [7. Juni 2022 um 12:48 UTC](https://forum.shopware.com/t/product-slider-mobile-ansicht-2-produkten-nebeneinander/94252/12 "2022-06-07T12:48:22Z")

</div>

product-slider-plugin.js