Kategorie-Navigation und Unterkategorien horizontal

[Unregistriert]

Ich versuche gerade, die Kategorie-Navigation horizontal unter den Header zu bringen. Probleme verursachen die Unterkategorien.

Die Hauptkategorien hab ich horizontal hinbekommen, nur die Unterkategorien sind momentan alle übereinander, in etwa so:

Code: Alles auswählen

Männer   Frauen
TJHo-ackShsenienrts


So hätte ich es gerne:

Code: Alles auswählen

Männer   Frauen
T-Shirts   Hosen    Jacken


Da die Unterkategorien mit class="secondNavigation" innerhalb der Liste dargestellt werden ohne neuem ul-Tag, ist die gewöhnliche Methode, eine solche horizontale Navigation mit Drop-Down-Unterkategorien in CSS umzusetzen, meiner Meinung nach nicht möglich. Ich hab schon mit lauter floats, display: inlines etc. herumexperimentiert.

Die index.tpl will ich ungern ändern, da ich sonst bei einem Randshop-Update wieder einiges beachten müsste. Hat jemand eine Lösung nur über CSS hingekriegt?

[Unregistriert]

Hab jetzt doch die index.tpl abgeändert. Den Teil "<!-- Kategorien -->" folgendermassen abändern:

Code: Alles auswählen

        <!-- Kategorien -->
        <div class="kategorieNavigation">
            <h2><?php echo $lang_headline_kategorien ?></h2>
             <ul class="kategorieUlNavigation">
             <?php foreach ($KategorieArray as $Kategorie) { ?>
             <?php if ($Kategorie["level"] == 0) { ?>
                 <li <?php if(isset($Kategorie["highlight"])) { echo 'class="highlight"'; }?>><a href="<?php echo GetKategorieLink($Kategorie["kategorieid"], $SEOURLArray['kategorie'][$Kategorie["kategorieid"]]) ?>"><?php echo $Kategorie["kategoriename"] ?></a></li>
             <?php } ?>
            <?php } ?>
             </ul>
             <ul class="kategorieUlNavigation">
             <?php foreach ($KategorieArray as $Kategorie) { ?>
             <?php if ($Kategorie["level"] == 1) { ?>
                 <li class="secondNavigation <?php if(isset($Kategorie["highlightsub"])) { echo "highlightSub"; }?>"><a href="<?php echo GetKategorieLink($Kategorie["kategorieid"], $SEOURLArray['kategorie'][$Kategorie["kategorieid"]]) ?>"><?php echo $Kategorie["kategoriename"] ?></a></li>
             <?php } ?>
             <?php } ?>
             </ul>
             </ul>
             <ul class="kategorieUlNavigation">
             <?php foreach ($KategorieArray as $Kategorie) { ?>
             <?php if ($Kategorie["level"] == 2) { ?>
                   <li class="thirdNavigation <?php if(isset($Kategorie["highlightsub"])) { echo "highlightSub"; }?>"><a href="<?php echo GetKategorieLink($Kategorie["kategorieid"], $SEOURLArray['kategorie'][$Kategorie["kategorieid"]]) ?>"><?php echo $Kategorie["kategoriename"] ?></a></li>
             <?php } ?>
             <?php } ?>
             </ul>
        </div>


Zusätzlich muss unter rahmenlayout.css noch "kategorieNavigation" und "kategorieUlNavigation" auf eine horizontale Navigation umgestellt werden, mit "float: left" etc.

Ich hoffe, meine PHP-Lösung führt nicht zu Sicherheitsrisiken oder hoher Serverlast. Der Hack ist zwar billig und könnte sicher etwas besser gecodet sein - es werden leere ul-Tags ausgegeben die ungültiges HTML verursachen -, aber zumindest funktioniert er.

[mmaass]

Wir werden in der kommenden Version dazu auch ein Workarround anbieten, damit man nur noch maximal das Template anpassen muss.

[mario3007]

Gibt es hierzu eigentlich schon was neues? Wäre ein interessantes Feature. Die Navigation links nimmt unnötig Platz weg, welchen man sinnvoller nutzen kann.

[mmaass]

Schau Dir mal die Demo der 2.0 an, die es in der Beta gibt. Da kann man das einstellen.

[mario3007]

Ok, danke werde ich mir anschauen. Hoffentlich wird die 2.= dann bald offiziell released.