Dropdown Menü Service/Hilfe funktioniert nicht mehr

Shopware 5 Themes & Design
1

Hallo :slight_smile:

ich habe in der Top-Bar in der auch das Service/Hilfe Dropdown Menü ist Textbausteine erstellt um dort zusätzliche Informationen unterzubringen. Das hat auch alles wunderbar geklappt nach einigen probieren.

Jetzt als ich fertig bin musste ich festellen das das Dropdown Menü zwar noch da ist aber wenn ich drauf klicke nichts mehr passiert.

Ich konnte durch herum probieren und Ausschlussverfahren festellen das es an der header.less liegt. 

Und zwar an diesem Abschnitt: 

@media screen and (min-width: 48em) {
	.header-main .top-bar--navigation {
		width: 33%;
		display: inline-block;
		text-align: center;
		overflow: hidden;
		&:first-child{
          text-align: right;
        }
        &:last-child{
          text-align: left;
		}
	}
}

 

Ich kann mir jetzt denken das durch dieses Abschnitt etwas in der ursprünglichen header.less überschrieben wird was aber gar nicht überschrieben werden soll und was ich jetzt noch in meine header.less kopieren muss. Jedoch weiß ich nicht was und komme da gerade nicht weiter. Wenn mir jemand einen Tipp geben könnte oder mir das codeschnipsel zeigen könnte wäre ich euch sehr dankbar.

 

Liebe Grüße

David

2

@Levani‍

Ohne einen Link zum Shop wirst du hier kaum einen Tipp bekommen.

Du hast doch auch die Textbausteine ins Template eingebaut, in welcher Datei hast du das gemacht und wie sieht da der Code aus, denn ich denke nicht das es nur an der Less liegt.

Uwe

3

@useg schrieb:

@Levani‍

Ohne einen Link zum Shop wirst du hier kaum einen Tipp bekommen.

Du hast doch auch die Textbausteine ins Template eingebaut, in welcher Datei hast du das gemacht und wie sieht da der Code aus, denn ich denke nicht das es nur an der Less liegt.

Uwe

Hallo Uwe,

die Homepage ist gerade im Wartungsmodus. Könnte ich nur zeitweise rausnehmen falls es sich jemand anschauen will damit keine Kunden darauf zugreifen. Oder ich füge eure IP als Ausnahme hinzu.

 

Die textbausteine habe ich in der „frontend/index/topbar-navigation.tpl“ erstellt.

Den Inhalt der .tpl kann ich erst morgen einfügen, komme da gerade nicht mehr dran, bin vom Handy online.

Ich war der Meinung das es nur an der Header.less liegt, weil wenn ich den oben eingefügten teil entferne, funktioniert alles wunderbar - bezogen auf das Dropdown-Menü. Habe ich mehrmals getestet. 

David

4

So, hier nun meine topbar-navigation.tpl die du sehen wolltest. 

    {* Top bar navigation *}
		{block name="frontend_index_top_bar_nav"}
			

				{action module=widgets controller=index action=shopMenu}

				{* Article Compare *}
				{block name='frontend_index_navigation_inline'}
					{if {config name="compareShow"}}
						
							{block name='frontend_index_navigation_compare'}
								{action module=widgets controller=compare}
							{/block}
						
					{/if}
				{/block}

				{* Service / Support drop down *}
				{block name="frontend_index_checkout_actions_service_menu"}
					
						 {s namespace='frontend/index/checkout_actions' name='IndexLinkService'}{/s}

						{* Include of the widget *}
						{block name="frontend_index_checkout_actions_service_menu_include"}
							{action module=widgets controller=index action=menu group=gLeft}
						{/block}
					
				{/block}
			
		{/block}

        {block name="frontend_index_top_bar_nav"}
			
            {s name="TextBeforeServiceHilfe"}{/s}
			
		{/block}
        
		{block name="frontend_index_top_bar_nav"}
			
            {s name="TextBeforeServiceHilfe2"}{/s}
			
		{/block}

Ich hoffe jemand hat eine Idee. 

5

@Levani‍

in deiner Datei hast du oben den Block
 

 {* Top bar navigation *}
		{block name="frontend_index_top_bar_nav"}

................

den du unten noch mal Überschreibst mit 
 

{block name="frontend_index_top_bar_nav"}
			
            {s name="TextBeforeServiceHilfe"}{/s}
			
		{/block}

 

Deshalb funktioniert das ganze auch nicht. Warum nimmst du denn die ganze topbar-navigation.tpl aus dem Bare, eigentlich erweitert man doch nur die Blöcke.

Ich habe das so bei mir realisiert im eigenen Theme und der eigenen topbar-navigation.tpl

{extends file='parent:frontend/index/topbar-navigation.tpl'}

	{block name="frontend_index_top_bar_nav" prepend}
    
    	
        	
        		{s name="TopBarInfo"} {/s}
        	
        
    
    {/block}

Und natürlich in der less noch den Style angepasst

 

Uwe

6

@useg‍

Ja das weiß ich, ich habe das bewusst gemacht weil wenn ich den Teil nicht mit aus der Bare genommen habe ist das Service/Hilfe Feld komplett weg. Und anders wusste ich mir nicht zuhelfen. Weil aber bis dahin alles funktionierte habe ich es so gelassen. Erst nach der Anpassung der .less gab es das Problem. Die .tpl alleine macht das Problem nicht.

Danke dir erstmal für die Hilfe! 

 

Ich habe jetzt mal meinen Inhalt der .tpl mit deinem ersetzt. Prinzipiell funktioniert das genauso wie meine Variante mit dem übernommen Teil aus dem Bare, außer die anpassungen in der .less natürlich.

ABER das Dropdown Menü funktioniert dennoch nicht. Und das sagt mir wieder das es doch an der header.less liegen muss so wie ich es anfangs auch festgestellt habe. Oder habe ich da einen Denkfehler? Normalerweiße hätte es doch mit deinem Inhalt gehen müssen? :frowning:

7

Habe es jetz mal mit deinem Style versucht und sobald ich “overflow: hidden;” einfüge geht des Service-Manü nicht mehr,

Deshalb sollte man immer eine andere “class” für den eigenen Style nehmen um den besteheden, der ja nicht umsonst so ist, nicht ändern zu müssen.

Hier mal mein Eintrag in der .less für den obengenannten Code:

/* Topbar Info-Box */  

.top-bar--info {
    position: relative;
} 


@media screen and (min-width: @tabletViewportWidth) {
    
	.header-main .top-bar--info {
		width: auto;
    	float: left;
     
     	.info--entry {
       
       		.unitize-height(25 );
         	.unitize(line-height, 25);
			font-style: italic;
   			.unitize-padding(0, 15);
         }
	}
}

Uwe

 

8

Perfekt…stimmt, genau das war das Problem. Du bist mein Held, danke dir :smiley:

Habe es entfernt und jetzt funktioniert alles genau so wie es soll.

 

Liebe Grüße