# Mobile Geräte - Thumbnails in Produktbeschreibung

**URL:** <https://forum.shopware.com/t/mobile-geraete-thumbnails-in-produktbeschreibung/88783>\
**Category:** Themes & Design\
**Created:** [2. Juli 2021 um 14:08 UTC](https://forum.shopware.com/t/mobile-geraete-thumbnails-in-produktbeschreibung/88783 "2021-07-02T14:08:05Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Laudenz](https://avatars.discourse-cdn.com/v4/letter/l/a9a28c/32.png) [@Laudenz](https://forum.shopware.com/u/Laudenz)\
**Post date:** [2. Juli 2021 um 14:08 UTC](https://forum.shopware.com/t/mobile-geraete-thumbnails-in-produktbeschreibung/88783/1 "2021-07-02T14:08:05Z")

</div>

Hallo zusammen,

wenn ein Produkt, das mehrere Bilder hat, mit einem mobilen Gerät aufgerufen wird, werden die Thumbnails ausgeblendet (was okay ist), aber es entsteht dadurch ein großer Freiraum zwischen Produktbild und Preis.  
Man kann das Szenario sogar bei den Shopware 6 Showcases nachstellen.

Ausgelöst wird das ganze vermutlich weil unter bestimmten Bedingungen der Container mit der Klasse gallery-slider-thumbnails die Eigenschaft display: none; bekommt.

Kann man das vielleicht eleganter lösen, oder ist es möglich die Thumbnails auch auf mobilen Geräten anzuzeigen?

---

<div class="post-metadata">

**Author:** ![CataPan](https://avatars.discourse-cdn.com/v4/letter/c/e47c2d/32.png) [@CataPan](https://forum.shopware.com/u/CataPan)\
**Post date:** [21. Juli 2021 um 11:18 UTC](https://forum.shopware.com/t/mobile-geraete-thumbnails-in-produktbeschreibung/88783/2 "2021-07-21T11:18:33Z")

</div>

Das Thema würde mich auch interessieren

---

<div class="post-metadata">

**Author:** ![FloC3](https://avatars.discourse-cdn.com/v4/letter/f/838e76/32.png) [@FloC3](https://forum.shopware.com/u/FloC3)\
**Post date:** [18. August 2021 um 16:03 UTC](https://forum.shopware.com/t/mobile-geraete-thumbnails-in-produktbeschreibung/88783/3 "2021-08-18T16:03:43Z")

</div>

selbe Frage! Hat jemand eine Idee? Wie kriegt man die Thumbnails auf Mobil vernünftig angezeigt?  
Natürlich kann ich einfach display:block machen, aber dann stimmt die Breiten-Berechnung nicht, die es ab Tablet gibt… passiert wohl via irgendeinem Script.

---

<div class="post-metadata">

**Author:** ![stephan-s](https://avatars.discourse-cdn.com/v4/letter/s/6bbea6/32.png) [@stephan-s](https://forum.shopware.com/u/stephan-s)\
**Post date:** [8. September 2022 um 08:37 UTC](https://forum.shopware.com/t/mobile-geraete-thumbnails-in-produktbeschreibung/88783/4 "2022-09-08T08:37:39Z")

</div>

Falls das noch für jemand interessant ist:

Im Theme die passende Datei erweitern und die Einstellungen aus dem parent überschreiben:

```auto
{% sw_extends '@Storefront/storefront/element/cms-element-image-gallery.html.twig' %}

{% block element_image_gallery_inner %}
    {% set gallerySliderOptions = gallerySliderOptions|replace_recursive({
        thumbnailSlider: {
            responsive: {
                xs: {
                    enabled: true,
                    controls: false
                }
            }
        }
    }) %}

    {{ parent() }}
{% endblock %}

```