# Detailseite zweispaltig: Beschreibung links, Eigenschaften rechts

**URL:** <https://forum.shopware.com/t/detailseite-zweispaltig-beschreibung-links-eigenschaften-rechts/40118>\
**Category:** Themes & Design\
**Created:** [26. September 2016 um 15:37 UTC](https://forum.shopware.com/t/detailseite-zweispaltig-beschreibung-links-eigenschaften-rechts/40118 "2016-09-26T15:37:46Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Max24](https://avatars.discourse-cdn.com/v4/letter/m/ea5d25/32.png) [@Max24](https://forum.shopware.com/u/Max24)\
**Post date:** [26. September 2016 um 15:37 UTC](https://forum.shopware.com/t/detailseite-zweispaltig-beschreibung-links-eigenschaften-rechts/40118/1 "2016-09-26T15:37:46Z")

</div>

Hallo Community,

ich suche nach einer Möglichkeit, die Produktinfomationen zweispaltig zu gestalten (Beschreibung links, Eigenschaften rechts), in etwa wie auf folgender Seite:

[https://www.springlane.de/zwilling-kochmesser-twin-four-star-ii-16-cm.html](https://www.springlane.de/zwilling-kochmesser-twin-four-star-ii-16-cm.html)

Das finde ich übersichtlicher, als wenn die Eigenschaften erst nach der Beschreibung unten erscheinen.

Danke im Voraus! ![Smile](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/bac5f5766b6a20565a8fb995345b4e41d24daac0.png "Smile")  
Max

---

<div class="post-metadata">

**Author:** ![sschreier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sschreier/32/23296_2.png) [@sschreier](https://forum.shopware.com/u/sschreier)\
**Post date:** [26. September 2016 um 15:45 UTC](https://forum.shopware.com/t/detailseite-zweispaltig-beschreibung-links-eigenschaften-rechts/40118/2 "2016-09-26T15:45:16Z")

</div>

> [@Max24 schrieb:](https://forum.shopware.com/profile/19519/Max24 "Max24")
> 
> Hallo Community,
> 
> ich suche nach einer Möglichkeit, die Produktinfomationen zweispaltig zu gestalten (Beschreibung links, Eigenschaften rechts), in etwa wie auf folgender Seite:
> 
> [https://www.springlane.de/zwilling-kochmesser-twin-four-star-ii-16-cm.html](https://www.springlane.de/zwilling-kochmesser-twin-four-star-ii-16-cm.html)
> 
> Das finde ich übersichtlicher, als wenn die Eigenschaften erst nach der Beschreibung unten erscheinen.
> 
> Danke im Voraus! ![Smile](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/bac5f5766b6a20565a8fb995345b4e41d24daac0.png "Smile")  
> Max

Hallo,

dein Beispiel ist doch aber nicht mal ansatzweise responsiv (für Smartphone, Tablet, etc. optimiert)? Was spricht beispielsweise dagegen, die Eigenschaften als extra Tab zu machen?

Sonst: per HTML zwei div-Bereiche im TinyMCE-Editor erzeugen und die jeweils floaten.

Beste Grüße

Sebastian

---

<div class="post-metadata">

**Author:** ![Max24](https://avatars.discourse-cdn.com/v4/letter/m/ea5d25/32.png) [@Max24](https://forum.shopware.com/u/Max24)\
**Post date:** [26. September 2016 um 15:53 UTC](https://forum.shopware.com/t/detailseite-zweispaltig-beschreibung-links-eigenschaften-rechts/40118/3 "2016-09-26T15:53:39Z")

</div>

Danke, Sebastian!

Responsive ist das Beispiel schon.

Ja, der Extra Tab ist so eine Sache. Ich finde es einfach nutzerfreundlicher, wenn Du alle Informationen auf einem Blick hast und im Übrigen auch noch entscheiden kannst, ob Du den Langtext oder die Eigenschaften liest.

Beste Grüße zurück

Max

---

<div class="post-metadata">

**Author:** ![sschreier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sschreier/32/23296_2.png) [@sschreier](https://forum.shopware.com/u/sschreier)\
**Post date:** [26. September 2016 um 16:05 UTC](https://forum.shopware.com/t/detailseite-zweispaltig-beschreibung-links-eigenschaften-rechts/40118/4 "2016-09-26T16:05:26Z")

</div>

> [@Max24 schrieb:](https://forum.shopware.com/profile/19519/Max24 "Max24")
> 
> Danke, Sebastian!
> 
> Responsive ist das Beispiel schon.
> 
> Ja, der Extra Tab ist so eine Sache. Ich finde es einfach nutzerfreundlicher, wenn Du alle Informationen auf einem Blick hast und im Übrigen auch noch entscheiden kannst, ob Du den Langtext oder die Eigenschaften liest.
> 
> Beste Grüße zurück
> 
> Max

Hallo,

ich weiss ja nicht, wo das Beispiel responsiv sein soll ![Grin](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/grin.png "Grin") ![Grin](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/grin.png "Grin") ![Grin](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/grin.png "Grin") (wenn doch, ist es die schlechteste responsive Umsetzung, die ich je gesehen habe ^^). Zieh ich den Browser kleiner, schneidet es einfach die rechten Bereiche ab - seeeehr responsiv umgesetzt ![Angry-Face](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/angry-face.png "Angry-Face").

Und bei Handy und Tablet, wo beides eh nicht mehr nebeneinander ist, hast du es dann immernoch „alles auf einem Blick“? Ein extra Tab für die Eigenschaften ist hier definitiv übersichtlicher.

Wie gesagt, die entsprechende Template - Datei einfach so anpassen, das zwei div - Bereiche jeweils drum herum sind, die jeweils gefloatet (float: left, oder float: left und float: right) sind.

Beste Grüße

Sebastian

---

<div class="post-metadata">

**Author:** ![Max24](https://avatars.discourse-cdn.com/v4/letter/m/ea5d25/32.png) [@Max24](https://forum.shopware.com/u/Max24)\
**Post date:** [26. September 2016 um 16:08 UTC](https://forum.shopware.com/t/detailseite-zweispaltig-beschreibung-links-eigenschaften-rechts/40118/5 "2016-09-26T16:08:44Z")

</div>

Ähm ja… stimmt!&nbsp; ![Grin](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/70033cde8e8ff79cfa538293ae71318d6f788423.png "Grin")

Viele Grüße  
Max
