Advanced Menü - Einträge untereinander

Shopware 5 Themes & Design
1

Hallo zusammen,

ich möchte gerne, dass die Menüpunkte im AdvancedMenü untereinander sind und nicht teilweise untereinander und teilweise nebeneinander.

Ich habe eine less-Datei angelegt und eingebunden.

Meine Änderungen lauten wie folgt:

.advanced-menu{
	max-width:30.75rem;
}
.advanced-menu .item--level-0{
	padding-bottom:10px;
	width:100%;
	max-width:30.5rem;
	display:inline-block;
}
.advanced-menu .content--wrapper{
	margin:0.5rem;
}

.advanced-menu li{
	float:none !important;
}
.advanced-menu .menu--level-0{
	float:none;
}

.advanced-menu .menu--level-1{
	margin:0;
}

Mag sein, dass inzwischen auch ein paar Sachen doppeltgemoppelt und überflüssig sind.

Leider funktioniert es nicht.

Außerdem hab ich die das Dropdown in der Breite verkleinert udn hätte natürlich gerne, dass es unter dem jeweiligen Menüpunkt aufgeht und nicht ganz links.

Danke und lg NAdja

2

Hast du die Möglichkeit einen Link zukommen zu lassen oder min. ein Screenshot?

LG

3

schule-mit-erfolg.shop

lg Nadja

4

Ciao Nadja,
Du hast bei „.advanced-menu .menu–level-0.columns–4“ noch „column-count:4;“ drin.
Somit versucht dir Shopware vier Spalten zu machen welche gleichgross sind.

Da den Wert überschreiben und voila :slight_smile:

LG Arya_Svitkona

5

Super! jetzt passt es mit dem Einspaltigen.

Und wie kann ich das Dropdownmenü unter den jeweiligen Menüpunkten platzieren?

Danke

lg Nadja

6

Ciao Nadja
Das bringst du nicht ohne Javascript hin, denn das Menü wird als eigener div einfach unterhalb von “.navigation–list-wrapper” hinzugefügt.
Der div.advanced-menu weiss somit nicht, wo sich dein Menüpunkt befindet.
 

Wäre das Submenü im Markup (HTML Aufbau) dem Menüpunkt jeweils untergeordnet, würde es von Standart aus gehen.

LG Arya

7

Vielen Dank. Du hast mir sehr geholfen.
lg Nadja

8

Keine Ursache :slight_smile:
Viel Erfolg und ein schönes Wochenende!

9

Hallo Zusammen,
ich habe auch mit dem erweiteren Menü ein Problem. Ich habe wie hier beschrieben LINK das erweiteres Menü in mein Theme kopiert und die less Datei angepasst.
Die Einstellungen werden auch gezogen, lediglich das Ändern der Spaltenanzahl wird nicht durchgeführt…

Ich habe in der advanced-menue.less einfach die weiteren Spalten auskommentiert. Im orignial Verzeichnis des Plugins funktioniert das auch, nur im eigenen Theme Verzeichnis nicht.

 

Angepasste advanced-menue.less:

    .menu–level-0 {
        .unitize-padding(10, 10, 0, 10);
        float: left;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
        &.columns–1 {.column-count(1); }
         /*
        &.columns–2 {.column-count(2); }
        &.columns–3 {.column-count(3); }
        &.columns–4 {.column-count(4); } 
        */
        }

 

Vielleicht gibt es ja noch einen anderen Weg der funktioniert? Vielen Dank für Eure Hilfe.

Gruß Philipp