# Produktlisting-Layout für Smartphone?

**URL:** <https://forum.shopware.com/t/produktlisting-layout-fur-smartphone/49955>\
**Category:** Themes & Design\
**Created:** [11. Dezember 2017 um 09:59 UTC](https://forum.shopware.com/t/produktlisting-layout-fur-smartphone/49955 "2017-12-11T09:59:07Z")\
**Posts on this page:** 4\
**Page:** 1

<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:** [11. Dezember 2017 um 09:59 UTC](https://forum.shopware.com/t/produktlisting-layout-fur-smartphone/49955/1 "2017-12-11T09:59:07Z")

</div>

Hallo,

ich würde gern für Smartphone ein anderes Listing-Layout verwenden als auf den anderen Viewports.

Auf dem Smartphone is eigentlich nur das Layout “Produktliste” verwendbar, die anderen Layouts sind irgendwie unschön.

Hingegen auf dem Desktop oder Tablet würde ich schon gerne “Detaillierte Informationen” als Layout verwenden.

Gibt es eine Möglichkeit das zu tun? Wenn ja, wo?

wenn nein… ich hab kein Problem damit das in einem Plugin zu realisieren… aber wie komm ich im Template (Smarty, nicht JS) an den Viewport / Statemanager?

&nbsp;

viele Grüße

---

<div class="post-metadata">

**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\
**Post date:** [11. Dezember 2017 um 11:01 UTC](https://forum.shopware.com/t/produktlisting-layout-fur-smartphone/49955/2 "2017-12-11T11:01:03Z")

</div>

Je nachdem was Du vor hast, würde ich im CSS je nach Viewport Bereiche ausblenden oder verschieben.&nbsp;Eine andere Möglichkeit ist mir nicht bekannt.

---

<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:** [11. Dezember 2017 um 11:06 UTC](https://forum.shopware.com/t/produktlisting-layout-fur-smartphone/49955/3 "2017-12-11T11:06:44Z")

</div>

@NextMike‍

mit Ausblenden oder verschieben ist es da nicht getan, da bei den verschiedenen Listing-Layouts ganz unterschiedliche Daten angezeigt werden.

Beim „Minimal“ ist zB gar keine Beschreibung dabei, während bei „wichtige Information“ ein bisschen Beschreibung und bei „detaillierte Information“ eine längere Beschreibung angezeigt wird.

Außerdem ist das Layout komplett anders (4 in einer Reihe, 2 in einer Reihe, 1 in einer Reihe) …

---

<div class="post-metadata">

**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\
**Post date:** [11. Dezember 2017 um 11:08 UTC](https://forum.shopware.com/t/produktlisting-layout-fur-smartphone/49955/4 "2017-12-11T11:08:27Z")

</div>

Nur als Gedankenanstoß:

Detailierte Informationen abkürzen --\> ein bisschen Beschreibung

4 in einer Reihe, 2 in einer Reihe, 1 in einer Reihe --\> 25%, 50%, 100% Breite.
