# Smarty Blöcke in Mobile verschieben

**URL:** <https://forum.shopware.com/t/smarty-blocke-in-mobile-verschieben/54460>\
**Category:** Themes & Design\
**Created:** [6. August 2018 um 16:17 UTC](https://forum.shopware.com/t/smarty-blocke-in-mobile-verschieben/54460 "2018-08-06T16:17:29Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Lavean](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/lavean/32/22236_2.png) [@Lavean](https://forum.shopware.com/u/Lavean)\
**Post date:** [6. August 2018 um 16:17 UTC](https://forum.shopware.com/t/smarty-blocke-in-mobile-verschieben/54460/1 "2018-08-06T16:17:29Z")

</div>

Hi,&nbsp;

ich würde gerne die Anordnung der Smarty Blöcke in der mobilen Ansicht verändern. Beispiel:&nbsp;

im Desktop-View kommt das Produktbild vor dem Produkttitel. in Mobile hätte ich jedoch gerne den Titel vor dem Bild.&nbsp;

Gibt es da irgendeine einfach Option, so wie mit Media Queries in CSS, dies einfach zu deklarieren?&nbsp;

---

<div class="post-metadata">

**Author:** ![simkli](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/simkli/32/13124_2.png) [@simkli](https://forum.shopware.com/u/simkli)\
**Post date:** [6. August 2018 um 16:20 UTC](https://forum.shopware.com/t/smarty-blocke-in-mobile-verschieben/54460/2 "2018-08-06T16:20:42Z")

</div>

Du könntest den Titel einmal vor und einmal nach dem Bild ausgeben. Dann zeigst du jeweils nur einen davon an und den anderen blendest du mit display:none aus. So macht das Shopware an anderen Stellen auch.

Alternativ kannst du flexbox nutzen wenn dir der Support für ältere Browser nicht so wichtig ist. [Can I use... Support tables for HTML5, CSS3, etc](https://caniuse.com/flexbox)

Viele Grüße

---

<div class="post-metadata">

**Author:** ![Lavean](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/lavean/32/22236_2.png) [@Lavean](https://forum.shopware.com/u/Lavean)\
**Post date:** [6. August 2018 um 16:25 UTC](https://forum.shopware.com/t/smarty-blocke-in-mobile-verschieben/54460/3 "2018-08-06T16:25:52Z")

</div>

Danke, so werde ich es mal versuchen.&nbsp;
