# Eigene Tabs im Responsive Template **URL:** \ **Category:** Themes & Design\ **Created:** [28. März 2015 um 12:21 UTC](https://forum.shopware.com/t/eigene-tabs-im-responsive-template/25897 "2015-03-28T12:21:42Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![senana](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/senana/32/14169_2.png) [@senana](https://forum.shopware.com/u/senana)\ **Post date:** [28. März 2015 um 12:21 UTC](https://forum.shopware.com/t/eigene-tabs-im-responsive-template/25897/1 "2015-03-28T12:21:42Z")
[quote=„kayyy“]Ich kann dir aber gern sagen, wie du die Tabs in einer Detail Ansicht anlegst. Mach da doch bitte einen neuen Foren Beitrag im Shopware 5 Forum auf ;)[/quote] Hallo kayyy, danke für das Angebot die Tab/Reiter Erstellung hier nochmal zu erklären. 🙂 Ich hatte inzwischen selber mal ein bisschen geschaut. Soweit komme ich zu folgender Vorgehensweise (sehr verkürzt): 1. Im Backend \> Thememanager ein eigenes Template auf Basis von Responsive erstellen 2. Dann in der Verzeichnisstruktur im Ordner „themes/Frontend/meinNeuerTemplateOrdner/“ die entsprechende Datei unter „frontend/detail/index.tpl“ wie gewohnt extenden? 3. Im Verzeichnis „frontend/detail/tabs“ eine meinTab.tpl mit dem entsprechenden Inhalt auf die über Punkt 2 referenziert wird? Wäre das der Weg? Ich bin irgendwie nicht sicher ob überhaupt noch die alten Blockerweiterungen und die Vererbungssystematik nach wie vor gelten? ---
**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\ **Post date:** [28. März 2015 um 13:55 UTC](https://forum.shopware.com/t/eigene-tabs-im-responsive-template/25897/2 "2015-03-28T13:55:12Z")
[Hier das Tutorial zum anlegen eines neuen Tabs.](https://shopwareianer.com/tutorials/shopware5-eigene-tabs-in-der-detail-ansicht) ---
**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\ **Post date:** [28. März 2015 um 18:02 UTC](https://forum.shopware.com/t/eigene-tabs-im-responsive-template/25897/3 "2015-03-28T18:02:42Z")
Wie schauts aus mit dem dummy code? 😛 ---
**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\ **Post date:** [28. März 2015 um 18:14 UTC](https://forum.shopware.com/t/eigene-tabs-im-responsive-template/25897/4 "2015-03-28T18:14:13Z")
Poste ich in c.a zwei Stündchen, bin gerade noch nicht daheim am Rechner. ---
**Author:** ![benblub](https://avatars.discourse-cdn.com/v4/letter/b/ebca7d/32.png) [@benblub](https://forum.shopware.com/u/benblub)\ **Post date:** [28. März 2015 um 22:19 UTC](https://forum.shopware.com/t/eigene-tabs-im-responsive-template/25897/5 "2015-03-28T22:19:37Z")
[code]{\* Hier wird ins index.tpl eingehängt \*} {extends file=‘parent:frontend/index/index.tpl’} {\* add hello world \*} {block name=‘frontend\_index\_navigation’ prepend} hello World! \< {/block}[/code] Was im Shopware 4 Template bei mir ging funzt in meinem neuen Template so nicht, text wird nicht angezeigt. 😕 ok nachm Cache löschen scheint es doch zu gehen^^ ---
**Author:** ![sonic](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sonic/32/25728_2.png) [@sonic](https://forum.shopware.com/u/sonic)\ **Post date:** [28. März 2015 um 23:10 UTC](https://forum.shopware.com/t/eigene-tabs-im-responsive-template/25897/6 "2015-03-28T23:10:35Z")
Ich denke mal, dank “responsive” wird es etwas aufwändiger, aber wegen der vielen neuen “blocks” auch einfacher 🙂 als erstes wäre da die Datei /themes/Frontend/Bare/frontend/detail/tabs.tpl darin die Blöcke {block name=“frontend\_detail\_tabs\_navigation\_inner”} und {block name=“frontend\_detail\_tabs\_content\_inner”} erweitern “append”. Gehen wir mal davon aus, dass der neue Tab auch Inhalt enthalten soll, wie die Artikelbeschreibung “description”: Dafür die Blöcke zu {\* Description tab \*} bzw. {\* Description container \*} an die Blöcke anhängen, die Snippets und Smarty-Variablen an die eigenen Vorgaben anpassen. [die Unterblöcke im Block dann auch entsprechend umbenennen]. In {include file=“frontend/detail/tabs/description.tpl”} einen neuen Dateinamen angeben. Danach dann im Unterordner “tab” die Datei “description.tpl” kopieren [Dateiname siehe include] und darin entsprechend Snippets, Block-Namen und Smarty-Vars anpassen. Alles ungetestet und erster Gedanke nach “Sichtung” vom Theme 😉 Aber vielleicht zeigt uns kayyy auch einen einfacheren Weg 😉 ---
**Author:** ![zwilla](https://avatars.discourse-cdn.com/v4/letter/z/74df32/32.png) [@zwilla](https://forum.shopware.com/u/zwilla)\ **Post date:** [29. März 2015 um 13:05 UTC](https://forum.shopware.com/t/eigene-tabs-im-responsive-template/25897/7 "2015-03-29T13:05:30Z")
Passt das hier zu Eurer Frage? [Tab-menu](https://devdocs.shopware.com/styletile/%5C_components-tab-menu.html) [code] First TabSecond Tab [/code] ---
**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\ **Post date:** [29. März 2015 um 13:46 UTC](https://forum.shopware.com/t/eigene-tabs-im-responsive-template/25897/8 "2015-03-29T13:46:12Z")
Sorry Jungs habe es gestern nicht mehr geschafft - Ich werde gleich eine neue Installation aufsetzen mit einem frischen Theme. Hatte es bei mir etwas hardcoded gemacht - Soll ja dann aber auch sauber sein. Werde das dann heute posten inkl. dem Theme Dump. ---
**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\ **Post date:** [29. März 2015 um 16:07 UTC](https://forum.shopware.com/t/eigene-tabs-im-responsive-template/25897/9 "2015-03-29T16:07:08Z")
[Hier das Tutorial zum anlegen eines neuen Tabs.](https://shopwareianer.com/tutorials/shopware5-eigene-tabs-in-der-detail-ansicht) ---
**Author:** ![Shopware-5](https://avatars.discourse-cdn.com/v4/letter/s/eb8c5e/32.png) [@Shopware-5](https://forum.shopware.com/u/Shopware-5)\ **Post date:** [29. März 2015 um 16:30 UTC](https://forum.shopware.com/t/eigene-tabs-im-responsive-template/25897/10 "2015-03-29T16:30:36Z")
Vielen Dank für die Anleitung! Habe es gerade bei uns eingebaut und leider funktioniert dies nicht… Finde auch den Textbaustein nicht wenn ich danach Suche. Hab es genau so erstellt wie in deiner Anleitung. Vielen Dank! ---
**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\ **Post date:** [29. März 2015 um 16:51 UTC](https://forum.shopware.com/t/eigene-tabs-im-responsive-template/25897/11 "2015-03-29T16:51:54Z")
[quote=„birox“]Vielen Dank für die Anleitung! Habe es gerade bei uns eingebaut und leider funktioniert dies nicht… Finde auch den Textbaustein nicht wenn ich danach Suche. Hab es genau so erstellt wie in deiner Anleitung. Vielen Dank![/quote] Cache geleert ? Theme Cache geleert ? Template aktiviert ? Es funktioniert auf jeden Fall - Habe es hier lokal direkt getestet. [Hier](https://www.dropbox.com/s/3ix9g3ofda2xyjm/shopware5%5C_detail%5C_tabs.zip?dl=0) mal die Datei. Das dann in themes/Frontend/Responsive/frontend packen, oder eben in dein eigenes Theme. ---
**Author:** ![Shopware-5](https://avatars.discourse-cdn.com/v4/letter/s/eb8c5e/32.png) [@Shopware-5](https://forum.shopware.com/u/Shopware-5)\ **Post date:** [29. März 2015 um 17:37 UTC](https://forum.shopware.com/t/eigene-tabs-im-responsive-template/25897/12 "2015-03-29T17:37:53Z")
Hab alles geleert und auch den Browser-Cache gelöscht. Leider immer noch ohne Funktion… Hier mal den Link zum Frontend: [http://shopware51.birox.de/citybike/345 … en-/-cream](http://shopware51.birox.de/citybike/345/bergamont-summerville-n7-apple-green-/-cream) Vielen Dank! Alexander ---
**Author:** ![senana](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/senana/32/14169_2.png) [@senana](https://forum.shopware.com/u/senana)\ **Post date:** [29. März 2015 um 17:40 UTC](https://forum.shopware.com/t/eigene-tabs-im-responsive-template/25897/13 "2015-03-29T17:40:07Z")
Bei mir klappt es. Allerdings habe ich andere Blöcke extended Für die Bezeichnung des Tabs frontend\_detail\_tabs\_navigation\_inner und den Inhalt: frontend\_detail\_tabs\_content\_inner ---
**Author:** ![senana](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/senana/32/14169_2.png) [@senana](https://forum.shopware.com/u/senana)\ **Post date:** [29. März 2015 um 17:43 UTC](https://forum.shopware.com/t/eigene-tabs-im-responsive-template/25897/14 "2015-03-29T17:43:28Z")
Der Link [http://sw5.senana.org/bag-up-your-life/ … siness-bag](http://sw5.senana.org/bag-up-your-life/herren/businesstaschen/163/die-zeit-business-bag) Also, danke an kayyy, für die Erklärung. Evtl. sind die Blöcke die kayyy erweitert hat auch richtig, habe ich nicht geprüft. Ich hatte sie gewechselt, als ich zunächst auf Fehlersuche war, weil es bei mir auch nicht geklappt hatte, aber dann sah ich, dass ich das Custom-Theme gar nicht scharf geschaltet hatte! 🙂 ---
**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\ **Post date:** [29. März 2015 um 19:03 UTC](https://forum.shopware.com/t/eigene-tabs-im-responsive-template/25897/15 "2015-03-29T19:03:37Z")
[quote=„senana“]Bei mir klappt es. Allerdings habe ich andere Blöcke extended Für die Bezeichnung des Tabs frontend\_detail\_tabs\_navigation\_inner und den Inhalt: frontend\_detail\_tabs\_content\_inner[/quote] Klar die kannst du auch nehmen. Ist eigentlich wurscht, da der Description Block sowieso immer da ist. Aber es kommt auch darauf an, wo dein Tab sein soll. Als erstes, in der Mitte, als letzes … jenachdem wo er sein soll, hängst du ihn an. ---
**Author:** ![benblub](https://avatars.discourse-cdn.com/v4/letter/b/ebca7d/32.png) [@benblub](https://forum.shopware.com/u/benblub)\ **Post date:** [30. März 2015 um 15:39 UTC](https://forum.shopware.com/t/eigene-tabs-im-responsive-template/25897/16 "2015-03-30T15:39:35Z")
Will die Tabs abändern das Sie nur angezeigt werden wenn auch Inhalt vorhanden ist. like `{if $sArticle.attr4 != ""}{/if}` komischerweise bekomme ich bei eingeschalteten Debug Plugin immer ein 502 Bad Gateway so das ich nicht wirklich gerade schauen kann welche variabe da genutzt wird denn der Code so wie oben macht nicht was er soll^^ ---
**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\ **Post date:** [30. März 2015 um 15:41 UTC](https://forum.shopware.com/t/eigene-tabs-im-responsive-template/25897/17 "2015-03-30T15:41:46Z")
[quote=“benblub”]Will die Tabs abändern das Sie nur angezeigt werden wenn auch Inhalt vorhanden ist. like `{if $sArticle.attr4 != ""}{/if}` komischerweise bekomme ich bei eingeschalteten Debug Plugin immer ein 502 Bad Gateway so das ich nicht wirklich gerade schauen kann welche variabe da genutzt wird denn der Code so wie oben macht nicht was er soll^^[/quote] So müsste es gehen - ungetestet. [code]{extends file=“parent:frontend/detail/tabs.tpl”} {\* New tab \*} {block name=“frontend\_detail\_tabs\_description” append} {if $sArticle.attr4} {s name=‘NewTabsDescription’}{/s}{/if} {/block} {\* New Tab container \*} {block name=“frontend\_detail\_tabs\_content\_description” append} {if $sArticle.attr4} {s name=‘NewTabsDescription’}{/s} {$sArticle.attr4|truncate:100:’…’}{s name=“PreviewTextMore”}{/s} {include file=“frontend/detail/tabs/new.tpl”} {/if} {/block}[/code] ---
**Author:** ![benblub](https://avatars.discourse-cdn.com/v4/letter/b/ebca7d/32.png) [@benblub](https://forum.shopware.com/u/benblub)\ **Post date:** [30. März 2015 um 16:36 UTC](https://forum.shopware.com/t/eigene-tabs-im-responsive-template/25897/18 "2015-03-30T16:36:26Z")
das ist ja ansich das selbe aber danke so hab direkt mal meinen Fehler detected, hatte die If Abfrage ausserhalb des Smarty Blocks reingefeuert 😃 ---
**Author:** ![SebastianS](https://avatars.discourse-cdn.com/v4/letter/s/a9adbd/32.png) [@SebastianS](https://forum.shopware.com/u/SebastianS)\ **Post date:** [2. Juni 2015 um 16:21 UTC](https://forum.shopware.com/t/eigene-tabs-im-responsive-template/25897/19 "2015-06-02T16:21:25Z")
Ich muss das ganze hier nochmal ausgraben. Hab alles wie beschrieben angelegt, was auch soweit super funktioniert. Wenn ich allerdings eine Tabelle in den neuen Tab einfüge, funktioniert die ganze Sache nicht mehr. Die Tabelle wird gar nicht angezeigt, und der Bewertungstab wird falsch angezeigt. Angelegt hab ich das Freitextfeld als HTML Feld, in der Datenbank steht im entsprechenden Freitextfeld “mediumtext”. Wie kann man das Problem lösen? ---
**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\ **Post date:** [3. Juni 2015 um 17:09 UTC](https://forum.shopware.com/t/eigene-tabs-im-responsive-template/25897/20 "2015-06-03T17:09:04Z")
Ich schaue mir das ganze noch einmal an und teste es selbst mit den Tabellen. Gibt dann zum Wochenende ein Update. Und ganz bald auch was ganz Neues auf unserer Seite für alle Shopwareianer und welche es werden wollen 🙂 [Nächste Seite](https://forum.shopware.com/t/eigene-tabs-im-responsive-template/25897.md?page=2)