Layout Hauptnavigation ändern

Es geht um diesen **http://bazar-royal.de/ **Shop. Installiert wurde das Plugin “Erweitertes Menu” (http://community.shopware.com/Plugin-Erweitertes-Menue-Advanced-Menue_detail_587.html) und “Sticky Menu” (tut hier sicher nicht zu Sache). Nun möchte ich das erweiterte Menu bzgl. Layout editieren, da ich die ausgeklappte Navigation häßlich finde. Die graue Zeile (“Zur Kategorie…”) soll unbedingt weg und der Zeilenabstand zwischen den Menupunkten verringert werden. Im Backend (Grundeinstellungen --> Storefront --> Erweitertes Menu) gibt es derartige Einstellungen nicht. Folglich muß ich an den Code ran. Welche Dateien muß ich dafür bearbeiten? Hat jemand von euch diesbezüglich Erfahrungen? Ich danke im Voraus!

Bei solchen Fragen kann man auch erstmal die Suche im Forum nutzen, google ist auch eine Möglichkeit, und im Ernstfall nicht gleich nach 3 Minuten aufgeben. Es gibt hierzu generell ganz gute Einstiegshilfen, da kann man auch die gerade erwähnten Suchen nutzen

Solche dämlichen Bemerkungen kannst du dir sparen. Denkst du ich würde mir die Mühe machen hier zu schreiben, wenn ich das von dir Genannte nicht schon erfolglos versucht hätte?!

Kopiere die index.tpl aus dem Plugin advanced_menu, lege die in deinem Theme unter fronted/advanced_menu/index.tpl an.

Jetzt kannst du diese bearbeiten und hier auch speichern. Wenn es dir nur um Design geht kannst du das natürlich auch mit less machen.

Zeljko

1 „Gefällt mir“

sry, sollte nicht blöd klingen, aber ich habe mal die Forum Suche benutzt, da kam z.B. folgendes:

http://forum.shopware.com/discussion/comment/157212/#Comment_157212

hds schrieb:

Du hast doch bestimmt vom Responsive Theme ein eigenes abgeleitet ( wäre zumindest ratsam ), sofern du die Dateien nicht hast musst du diese neu anlegen und in deimen Theme speichern. Findest du unter  /themes/Frontend/dein eigenes Theme/frontend/_public/src/less hier legst du die all.less an und  /themes/Frontend/dein eigenes Theme/frontend/_public/src/less/_components  legst du advanced-menu.less an.

Denke mal das sollte so ok sein, ich habs gerade nicht vor mir

 

1 „Gefällt mir“

Hallo Steffen,

so wie du es jetzt hast funktioniert das ganze Menü in der Mobilen Ansicht nicht, deshalb ist der Style erst mal Nebensache.

Ich glaube du hast das komplette linke Sidebar rausgeschmissen, in der befindet sich aber auch die Navigation für die Smartphone-Ansicht.

Menü schließen 

Du kannst eigentlich nur den linken Block bei einem bestimmten Viewport ausblenden, so das es erhalten bleibt und noch bei die Mobile Navigation zur verfügung steht.

Bei der Suchbox musst du dir auch was einfallen lassen ist jetzt bei z-index: 3000 und müsste aber mit z-index: 1000 unter deinem Menü beschwinden.

 

Uwe

1 „Gefällt mir“

Es war keine dämliche Bemerkung von @Rednaxela‍ sondern ein Hinweis. Pampig muss man auch nicht gleich werden.

Zu deinen Problem: Du solltest dich einmal durch den Designers Guide arbeiten um ein Grundwissen für die Theme Entwicklung zu bekommen:

https://developers.shopware.com/designers-guide/

Vielen Dank zunächst für die meisten Zuschriften. Problem ist, daß ich weder im Plugin-Ordner noch irgendwo sonst einen Ordner advanced_menu oder eine advanced-menu.less finde. Hätte ich sie gefunden hätte ich die Frage gar nicht gestellt. Es geht also nicht darum, wie ich die Datei umprogrammieren muß, sondern die richtige(n) Datei (en) zu finden

@useg‍: Vielen Dank für den Hinweis mit der Sidebar - ist erledigt. Da war ich zunächst etwas zu rabiat…

Steffen,

die gibt es doch im Plugin > engine/Shopware/Plugins/Default/Frontend/AdvancedMenu/Views/frontend/_public/src/less/advanced-menu.less

Uwe

1 „Gefällt mir“

Dann ist alles klar. Ich war im falschen Plugin-Ordner… Undecided