Geteilte und voneinander abhängige Navigation

Was für Wünsche habt ihr an den WEB-Shop.
Forumsregeln
Welche Module/Features sollen integriert werden, wo könnte man etwas besser machen?
blackshadow
Beiträge: 93
Registriert: Sa 8. Mai 2010, 15:17
Shop Version: 1.0.8

Re: Geteilte und voneinander abhängige Navigation

Beitrag 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
Doc Olson
Beiträge: 536
Registriert: Mo 10. Mai 2010, 08:54

Re: Geteilte und voneinander abhängige Navigation

Beitrag von Doc Olson »

xtc_show_category.inc.php gibt es in der 1.0.10 nicht mehr. Zumindest nicht mehr im Standard-Template.
Minimaus
Beiträge: 5
Registriert: Fr 10. Sep 2010, 14:41
Shop Version: Xtcommerce 2.1

Re: Geteilte und voneinander abhängige Navigation

Beitrag 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. :D

Liebe Grüsse
Minimaus
Doc Olson
Beiträge: 536
Registriert: Mo 10. Mai 2010, 08:54

Re: Geteilte und voneinander abhängige Navigation

Beitrag von Doc Olson »

OlsOn
Xantiva
Beiträge: 948
Registriert: Mo 10. Mai 2010, 16:26
Shop Version: 1.0.10 [dev]
Kontaktdaten:

Re: Geteilte und voneinander abhängige Navigation

Beitrag von Xantiva »

Ich sehe Eure Chancen auf die geteilte Navi schwinden :lol:
Mein Shop: http://www.basteln-selbermachen.de
Minimaus
Beiträge: 5
Registriert: Fr 10. Sep 2010, 14:41
Shop Version: Xtcommerce 2.1

Re: Geteilte und voneinander abhängige Navigation

Beitrag von Minimaus »

OlsOn
Oh, bitte entschuldige! :oops:
Doc Olson
Beiträge: 536
Registriert: Mo 10. Mai 2010, 08:54

Re: Geteilte und voneinander abhängige Navigation

Beitrag 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.
Minimaus
Beiträge: 5
Registriert: Fr 10. Sep 2010, 14:41
Shop Version: Xtcommerce 2.1

Re: Geteilte und voneinander abhängige Navigation

Beitrag von Minimaus »

Keine große Aktion. Wird also dabei sein.
Juuuuupiiii! DANKE!!!! :lol:
Big Cheese
Beiträge: 76
Registriert: Sa 31. Jul 2010, 09:02

Re: Geteilte und voneinander abhängige Navigation

Beitrag 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?
Doc Olson
Beiträge: 536
Registriert: Mo 10. Mai 2010, 08:54

Re: Geteilte und voneinander abhängige Navigation

Beitrag 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
Antworten