Plug-In Anleitung Erweitertes Grafik Menü (V.1.1.9) für Shopware

Transkript

1 Das Erweiterte Menü mit Grafiken ersetzt das Erweiterte Menü, welches in Shopware 4 integriert ist. Mit der Option, die Grafiken der Kategorie-Einstellung im Menü mit anzuzeigen, die Texte auszublenden und eine zweite Zeile in der Topnavigation einzublenden ergeben sich sehr viele Möglichkeiten für ein individuell gestaltete Navigation. 1. Installation 2. Konfiguration 3. Beispiele 1. Installation Die Installation erfolgt über den in Shopware 4 enthaltenen Plug-In Manager. Bitte beachten Sie, das mindestens Shopware installiert ist. In älteren Versionen wird die Grafik der Kategorie nicht ans System übergeben.

2 2. Konfiguration 1. Option, ob da Menü angezeigt wird 2. Anzahl der Ebenen (2 = Topkategorie &1 Level Dropdown) 3. Caching: die Menüstruktur wird gespeichert, und nach der Cachzeit in 4. aktualisiert. Sollte während der Entwicklung der Menüstruktur deaktiviert werden, damit Änderungen sofort sichtbar werden. 4. Zeitintervall, in dem der Cache für das Menü neu erstellt wird (in Sekunden = = 24 Stunden) 5. Option, um die Grafiken im Menü einzuschalten. Wenn in der Kategorie kein Bild hinterlegt wurde, wird auch kein Bild eingefügt. 6. Kategorienamen im Top Menü anzeigen. Standard ist ja, wenn Sie z.b. mit Herstell-Logos arbeiten wollen, kann der Text hier ausgeblendet werden. 7. Kategorienamen im Sub Menü anzeigen. Standard ist ja.

3 8. Die Kategorie-Beschreibung der Top-Kategorie im Dropdown mit angeben (gekürzt auf 165 Zeichen). SEO-Vorteil durch mehr Text zum Indizieren auf der Seite. Ist die Kategorie- Beschreibung leer, wird die Box nicht eingeblendet. Nur zu empfehlen, wenn der Dropdown in der gekachelten Darstellung eingestellt ist. Ist für die Kategoriebeschreibung in den Eigenschaften kein Titel vergeben, erscheint dieser Text auch nicht auf der Kategorieseite. 9. Wenn sie eine zweite Menüzeile in der Topnavigation brauchen, kann diese hier aktiviert werden. In den Kategorie Einstellungen im Freitextfeld 6 bitte eine 2 eintragen, dann wird diese Kategorie in der zweiten Zeile angezeigt. 10. Auswahl für Kennzeichnung des Freitextfeldes der Kategorie, um diese der zweiten Menüzeile zuzuweisen. Im Moment nur Nr. 6 möglich. 11. Grafikgröße angeben. Mit dieser Option werden alle Grafiken im Menü auf die in 11. und 12. eingestellten Werte skaliert. In der Top-Navigation bieten sich hier 30x30 Pixel an. Wenn der Kachel-Effekt aktiviert wird, muss der Wert für Bilder in der Sub-Navigation unter 12. Auf 125x125 Pixel eingestellt werden. 12. Grafikgröße der Topnavigation (s.o.) 13. Grafikgröße der Subnavigation (s.o.) 14. Inline-CSS für Grafiken. Hiermit kann die Darstellung der Bilder weiter beeinflusst werden, ohne am Template zu arbeiten. Vertical-align:middle; = der Text ist in der Höhe der Grafik-Mitte, margin-right:3px; = 3 Pixel mehr Abstand zwischen Grafik und Text. 15. Grafik für den Home-Button. Da die Grafik für die Kategorie Deutsch im Menü nicht abgefragt werden kann, wird hier für den HOME-Button eine eigene Grafik ausgewählt. 16. Inline-CSS für die aktive Kategorie einfügen: Im Template-Standard ist der Reiter der aktiven Kategorie relativ weit nach unten verlängert, was bei einer zweizeiligen Darstellung der Top-Navigation nicht gut aussieht. Wenn die Anpassung aus Nr. 16 eingefügt werden soll, aktivieren Hier den Wert einstellen, damit die aktive Kategorie nicht in die zweite Menüzeile überlappt (in der Regel 38 Pixel)

4 18. Dropdownmenü als Kacheln anzeigen: Wenn Sie diese Option aktivieren, wird im Shop eine weitere CSS-Datei geladen, die das Dropdown-Menü in der gekachelten Optik darstellt. Dafür sind in den Unterkategorien Bilder zu hinterlegen (Seitenverhältnis 1:1). Es werden bis zu 5 Kacheln in einer Zeile dargestellt. Wenn mehr Unterkategorien vorhanden sind, erweitert sich die Anzeige nach unten. Wenn die Größe der Bilder nicht auf 125 x 125 Pixel unter Punkt 12. skaliert wird, ist eine Anpassung der CSS-Datei notwendig. 3. Beispiele Menü Zweizeilig, Grafikgröße nicht angegeben. Durch etwas größere Bilder (PNG mit Transparenz) hängen diese zum Teil nach unten raus Dropdown mit aktivierter Kategorie-Textbox

5 Out of the Box: Darstellung mit den Standartwerten des Plug-Ins, incl. Kacheloptik Grafiken eingeblendet, Texte ausgeblendet: ideal für Markenshops

6 Menü ohne CSS-Kacheloptik: Grafiken nur für die Hauptkategorien ausgewählt.