# Tab -Menu auf Shopseite

**URL:** https://forum.shopware.com/t/tab-menu-auf-shopseite/34593
**Category:** Themes & Design
**Created:** [18. Februar 2016 um 19:10 UTC](https://forum.shopware.com/t/tab-menu-auf-shopseite/34593 "2016-02-18T19:10:47Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![12teFrau](https://avatars.discourse-cdn.com/v4/letter/1/ce7236/32.png) [@12teFrau](https://forum.shopware.com/u/12teFrau)
#### Post date: [18. Februar 2016 um 19:10 UTC](https://forum.shopware.com/t/tab-menu-auf-shopseite/34593/1 "2016-02-18T19:10:47Z")

</div>

Hi,

Wir hatten unter Shopware 4 ein Tab Menu, um 3 Unterseiten einer Shopseite anzuzeigen.

Wie kann ich das in SW5 realisieren?

Danke im Vorraus

---

<div class="post-metadata">

### Author: ![12teFrau](https://avatars.discourse-cdn.com/v4/letter/1/ce7236/32.png) [@12teFrau](https://forum.shopware.com/u/12teFrau)
#### Post date: [29. Februar 2016 um 13:59 UTC](https://forum.shopware.com/t/tab-menu-auf-shopseite/34593/2 "2016-02-29T13:59:14Z")

</div>

ich pushe das mal nach oben.

---

<div class="post-metadata">

### 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: [29. Februar 2016 um 14:01 UTC](https://forum.shopware.com/t/tab-menu-auf-shopseite/34593/3 "2016-02-29T14:01:23Z")

</div>

Kategorie als Link-Kategorie, für jede Shopseite wieder eine Unterkategorie.  
Nur müsste halt für den Tab auch eine Site hinterlegt werden.

---

<div class="post-metadata">

### Author: ![12teFrau](https://avatars.discourse-cdn.com/v4/letter/1/ce7236/32.png) [@12teFrau](https://forum.shopware.com/u/12teFrau)
#### Post date: [29. Februar 2016 um 14:03 UTC](https://forum.shopware.com/t/tab-menu-auf-shopseite/34593/4 "2016-02-29T14:03:51Z")

</div>

Ich habe eine Linkseite Pressebereich.

dann habe ich noch 3 Seiten Pressemitteilungen, Pressespiegel und Pressematerial.

nur leider werden die 3 unterseiten nicht unter Pressebereich als Tab-Menü angezeigt.

---

<div class="post-metadata">

### Author: ![12teFrau](https://avatars.discourse-cdn.com/v4/letter/1/ce7236/32.png) [@12teFrau](https://forum.shopware.com/u/12teFrau)
#### Post date: [29. Februar 2016 um 14:05 UTC](https://forum.shopware.com/t/tab-menu-auf-shopseite/34593/5 "2016-02-29T14:05:06Z")

</div>

Pressebereich hat die Gruppen Links und Presse

die Drei unterseiten die Gruppe Presse

---

<div class="post-metadata">

### Author: ![useg](https://avatars.discourse-cdn.com/v4/letter/u/df705f/32.png) [@useg](https://forum.shopware.com/u/useg)
#### Post date: [29. Februar 2016 um 15:58 UTC](https://forum.shopware.com/t/tab-menu-auf-shopseite/34593/6 "2016-02-29T15:58:20Z")

</div>

Habe auch das Problem aber noch keine Zeit gefunden es zu lösen, frage mich nur warum es in dem Responsiven nicht mehr drin ist.

Code aus den Emotions-Template:

```
{* Main content *}
{block name='frontend_index_content'}
	{if $sCustomPage.subPages}
		{$pages = $sCustomPage.subPages}
	{elseif $sCustomPage.siblingPages}
		{$pages = $sCustomPage.siblingPages}
	{/if}
	{if $pages}
		
			{if $pages}
				
				{foreach $pages as $subPage}
					
						{$subPage.description}
					
				{/foreach}
				
			{/if}
		
	{/if}

	

		{$sCustomPage.description}

		{* Article content *}
		{block name='frontend_custom_article_content'}
			{$sContent}
		{/block}
	
{/block}

```

und aus den Bare:

```
{* Main content *}
{block name="frontend_index_content"}
	

        {* Custom page tab content *}
        {block name="frontend_custom_article"}
            
                {block name="frontend_custom_article_inner"}
                    {* Custom page tab headline *}
                    {block name="frontend_custom_article_headline"}
                        {$sCustomPage.description}
                    {/block}

                    {* Custom page tab inner content *}
                    {block name="frontend_custom_article_content"}
                        {$sContent}
                    {/block}
                {/block}
            
        {/block}

	
{/block}

```

Kann ja dann nur dieser Eintrag sein, der für Shopware5 responsives Template angepasst werden müsste.

```
{if $sCustomPage.subPages}
		{$pages = $sCustomPage.subPages}
	{elseif $sCustomPage.siblingPages}
		{$pages = $sCustomPage.siblingPages}
	{/if}
	{if $pages}
		
			{if $pages}
				
				{foreach $pages as $subPage}
					
						{$subPage.description}
					
				{/foreach}
				
			{/if}
		
	{/if}

```

Gruß Uwe

---

<div class="post-metadata">

### 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: [29. Februar 2016 um 18:00 UTC](https://forum.shopware.com/t/tab-menu-auf-shopseite/34593/7 "2016-02-29T18:00:40Z")

</div>

\*Hmm\* - in seinem noch unter SW4 laufendem Shop hat er unter Presse (Pressebereich) im Content Tabs - ich vermute, die möchte er auch wieder in SW5 haben. War sowas wirklich in SW4 enthalten? Oder ist das eher ein Plugin oder eine Templateanpassung?

---

<div class="post-metadata">

### Author: ![useg](https://avatars.discourse-cdn.com/v4/letter/u/df705f/32.png) [@useg](https://forum.shopware.com/u/useg)
#### Post date: [29. Februar 2016 um 18:41 UTC](https://forum.shopware.com/t/tab-menu-auf-shopseite/34593/8 "2016-02-29T18:41:07Z")

</div>

Es sah schon so ähnlich wie das&nbsp;Tab-Menü&nbsp;auf der Detailseite aus, habe in meinem Testshop gerade mal das alte Emotion aktiviert.

Ich habe den Code jetzt mal in meine eigene/frontend/custom/index.tpl&nbsp;eingefügt und es funktioniert nur der Style muss nach dem&nbsp;4er Vorbild angepasst werden.

```
{extends file='parent:frontend/custom/index.tpl'}

{block name="frontend_custom_article" prepend}
        
	{if $sCustomPage.subPages}
		{$pages = $sCustomPage.subPages}
	{elseif $sCustomPage.siblingPages}
		{$pages = $sCustomPage.siblingPages}
	{/if}
	{if $pages}
		
			{if $pages}
				
				{foreach $pages as $subPage}
					
						{$subPage.description}
					
				{/foreach}
				
			{/if}
		
	{/if}

{/block}

```

Gruß Uwe

---

<div class="post-metadata">

### Author: ![12teFrau](https://avatars.discourse-cdn.com/v4/letter/1/ce7236/32.png) [@12teFrau](https://forum.shopware.com/u/12teFrau)
#### Post date: [1. März 2016 um 09:31 UTC](https://forum.shopware.com/t/tab-menu-auf-shopseite/34593/9 "2016-03-01T09:31:23Z")

</div>

Hi Uwe,

Ich habe deinen Code mal noch minimal umgeschrieben und dem ganzen mein styling verpasst:

tpl:

```
{extends file='parent:frontend/custom/index.tpl'}

{block name="frontend_custom_article" prepend}
        
	{if $sCustomPage.subPages}
		{$pages = $sCustomPage.subPages}
	{elseif $sCustomPage.siblingPages}
		{$pages = $sCustomPage.siblingPages}
	{/if}
	{if $pages}
		
			{if $pages}
				
				{foreach $pages as $subPage}
					
						{$subPage.description}
					
				{/foreach}
				
			{/if}
		
	{/if}

{/block}

```

less:

```
.custom-page--content {

	&.content {
		&.block {
			max-width: 1280px;
			margin-left: auto;
			margin-right: auto;
			float: unset;
		
			.sub-pages {
				padding-top: 10px;
				border-bottom: 1px solid #000;
				display: flex;

				li {
					width: -moz-fit-content;
					padding: 0.3125rem 0.875rem;
					border-left: 1px solid #000;
					color: transparent;

					&.is--first {
						border-left: 0px solid #fff;
					}

					&.active {
						background: #909090;

						a {
							color: #fff;
						}
					}
				}
			}
		}
	}
}

```

jetzt bin ich nur noch auf der suche, wie ich dem menu sagen kann, dass er den ersten Menü-punkt in der Navi mit dem attribut .is–first versehen soll.

Kann mir da noch jemand von euch weiterhelfen?

Gruß

Andy

---

<div class="post-metadata">

### Author: ![12teFrau](https://avatars.discourse-cdn.com/v4/letter/1/ce7236/32.png) [@12teFrau](https://forum.shopware.com/u/12teFrau)
#### Post date: [1. März 2016 um 09:35 UTC](https://forum.shopware.com/t/tab-menu-auf-shopseite/34593/10 "2016-03-01T09:35:33Z")

</div>

und wie kann ich SW sagen, dass er nicht die Parent-page beim ersten klick öffnet, sondern direkt das erste child?

---

<div class="post-metadata">

### Author: ![Heiner\_Lohaus](https://avatars.discourse-cdn.com/v4/letter/h/b5a626/32.png) [@Heiner\_Lohaus](https://forum.shopware.com/u/Heiner_Lohaus)
#### Post date: [1. März 2016 um 09:40 UTC](https://forum.shopware.com/t/tab-menu-auf-shopseite/34593/11 "2016-03-01T09:40:49Z")

</div>

Hi Andy,

das geht mit @first:

&nbsp;[http://www.smarty.net/docs/en/language.function.foreach.tpl#foreach.property.first](http://www.smarty.net/docs/en/language.function.foreach.tpl#foreach.property.first)

Beispiel:

Gruß Heiner

---

<div class="post-metadata">

### Author: ![12teFrau](https://avatars.discourse-cdn.com/v4/letter/1/ce7236/32.png) [@12teFrau](https://forum.shopware.com/u/12teFrau)
#### Post date: [1. März 2016 um 09:47 UTC](https://forum.shopware.com/t/tab-menu-auf-shopseite/34593/12 "2016-03-01T09:47:09Z")

</div>

Hi Heiner,

Vielen dank für die schnelle antwort.

Das hat perfekt geklappt.

und das mit dem verlinken hat sich auch erledigt. die unterseiten waren unterseiten einer schon verlinkten seite, da hat shopware scheinbar probleme mit gehabt.

Gruß Andy
