Seite 2 von 2
Re: Geteilte und voneinander abhängige Navigation
Verfasst: Mi 8. Sep 2010, 13:05
von blackshadow
Hi Leute,
Das MegaDropDown Menü von hier
http://www.sohtanaka.com/web-design/meg ... uery/#blog benötigt eine Basis als unordered list (ul).
Code: Alles auswählen
<ul id="topnav">
<li><a href="#" class="home">Home</a></li>
<li>
<a href="#" class="products">Products</a>
<div class="sub">
<ul>
<li><h2><a href="#">Desktop</a></h2></li>
<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>
</ul>
<ul>
<li><h2><a href="#">Laptop</a></h2></li>
<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>
</ul>
<ul>
<li><h2><a href="#">Accessories</a></h2></li>
<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>
</ul>
<ul>
<li><h2><a href="#">Accessories</a></h2></li>
<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>
</ul>
</div>
</li>
<li><a href="#" class="sale">Sale</a></li>
<li><a href="#" class="community">Community</a></li>
<li><a href="#" class="store">Store Locator</a></li>
</ul>
Demnach sollte eigentlich nur an der xtc_show_category.inc.php gebastelt werden, oder? <div class="sub"> für jedes Submenü käme dazu.
Die Klassen für die Links (home, products, ...) kann man ja weggeben und die Links allgemein halten.
Das Ganze nutzt jquery welches bereits im Webshop dabei ist und ein Plugin und natürlich ein bißchen CSS. Vielleicht ist das eine Hilfe.
Das Problem ist nun: die Submenüs müssen bereits vorliegen und nicht erst auf Klick geladen werden, so wie es normalerweise der Fall ist.
VG
BS
Re: Geteilte und voneinander abhängige Navigation
Verfasst: Mi 8. Sep 2010, 13:37
von Doc Olson
xtc_show_category.inc.php gibt es in der 1.0.10 nicht mehr. Zumindest nicht mehr im Standard-Template.
Re: Geteilte und voneinander abhängige Navigation
Verfasst: Fr 10. Sep 2010, 16:17
von Minimaus
Hallo allerseits!
Zunächst mal ein grosses Lob auf dieses tolle Forum und grosse Begeisterung, dass ihr das Ecombase Projekt weiterführt. Von einer professionell geteilten Navigation träume ich schon lange. Wie Big Cheese bereits geschrieben hat, sieht man diese Navis bei wirklich fast bei allen grossen Online-Shops. Es wäre natürlich grosses Theater, wenn es in der neuen Version auch eine solche chicke Navi gäbe. Ich bin auf jeden Fall sehr dafür und würde mich freuen, wenn Doc Olsen dies umsetzen würde.
Liebe Grüsse
Minimaus
Re: Geteilte und voneinander abhängige Navigation
Verfasst: Fr 10. Sep 2010, 16:29
von Doc Olson
OlsOn
Re: Geteilte und voneinander abhängige Navigation
Verfasst: Fr 10. Sep 2010, 16:30
von Xantiva
Ich sehe Eure Chancen auf die geteilte Navi schwinden
Re: Geteilte und voneinander abhängige Navigation
Verfasst: Sa 11. Sep 2010, 07:25
von Minimaus
OlsOn
Oh, bitte entschuldige!
Re: Geteilte und voneinander abhängige Navigation
Verfasst: Sa 11. Sep 2010, 09:25
von Doc Olson
So!
Keine große Aktion. Wird also dabei sein.
Man kann eine zweite "Box" definieren (auch wenn es nicht wirklich als Box dargestellt wird), in der die Navigation im Grunde ein zweites mal dargestellt werden kann. Da die (neue) categories Klasse bereits Parameter enthält, über die definiert werden kann, ab und bis zu welchem Level, die Navigation aufgeklappt werden soll, ist damit so ziemlich alles anstellbar.
Nach dem selben Schema liessen sich beliebig viele Instanzen der Navi im Template unterbringen, aber wer braucht das schon?
Wir werden das in dem kommenden Standard-Template mal exemplarisch realisieren.
Re: Geteilte und voneinander abhängige Navigation
Verfasst: Sa 11. Sep 2010, 09:31
von Minimaus
Keine große Aktion. Wird also dabei sein.
Juuuuupiiii! DANKE!!!!
Re: Geteilte und voneinander abhängige Navigation
Verfasst: Sa 11. Sep 2010, 14:55
von Big Cheese
Keine große Aktion. Wird also dabei sein.
Toll!
Wird das Menü im Stil der Reiternavigation 1.5 daherkommen? Toll dort finde ich dort nämlich, dass man auch externe Links relativ einfach (über die beigelegte ini Datei) in das horizontale Menü aufnehmen kann. So könnte man z.B. ein Link zum eigenen Forum oder sonst zu einer beliebigen Seite aufnehmen und übersichtlich platzieren.
Und was das Design der Drop-Down Liste betrifft, wäre natürlich eine Struktur wie von blackshadow (siehe:
http://www.sohtanaka.com/web-design/exa ... dropdowns/) beschrieben, schon die Sahne auf der Torte. Sehr übersichtlich mit den Kategorien und vor allem sehr platzsparend. Ich stelle mir die Kategoriehierarchien etwa so vor:
1. Ebene (Horizontal) z.B. Bekleidung Männer
2. Ebene (Horizontal) z.B. Hosen
3. Ebene (Vertikal) z.B. Shorts...
http://www.otto.de hat dies ähnlich gelöst.
Übrigens, welche Technik wird hier eigentlich
http://www.stylight.de verwendet, dass das Menü auch noch bei deaktiviertem javascript einwandfrei funktioniert?
Re: Geteilte und voneinander abhängige Navigation
Verfasst: Sa 11. Sep 2010, 15:03
von Doc Olson
Big Cheese hat geschrieben:
Wird das Menü im Stil der Reiternavigation 1.5 daherkommen? Toll dort finde ich dort nämlich, dass man auch externe Links relativ einfach (über die beigelegte ini Datei) in das horizontale Menü aufnehmen kann. So könnte man z.B. ein Link zum eigenen Forum oder sonst zu einer beliebigen Seite aufnehmen und übersichtlich platzieren.
Nö. Einfach nur eine zweite Box, in der z.B. die oberste Ebene der Kategorie plaziert wird. Das ganze ist recht leicht auf eigene Bedürfnisse anzupassen. Das muss reichen.
Und was das Design der Drop-Down Liste betrifft, wäre natürlich eine Struktur wie von blackshadow (siehe:
http://www.sohtanaka.com/web-design/exa ... dropdowns/) beschrieben, schon die Sahne auf der Torte. Sehr übersichtlich mit den Kategorien und vor allem sehr platzsparend. Ich stelle mir die Kategoriehierarchien etwa so vor:
1. Ebene (Horizontal) z.B. Bekleidung Männer
2. Ebene (Horizontal) z.B. Hosen
3. Ebene (Vertikal) z.B. Shorts...
http://www.otto.de hat dies ähnlich gelöst.
Design liegt beim Grafiker. Kleiner Finger - ganze Hand. Das wird schon ne hübsche runde Sache. Wer nen Maßanzug haben möchte, kann den natürlich auch bekommen, das ist dann aber nicht für lau zu haben.
Übrigens, welche Technik wird hier eigentlich
http://www.stylight.de verwendet, dass das Menü auch noch bei deaktiviertem javascript einwandfrei funktioniert?
CSS