ANLEITUNG: Einbau geteilte Navigation von gunnART

[merten-1813]

ich hätte es gerne das in der sub_categories Box nur die aktuelle ebene und die ebene darüber angezeigt wird also hier nochmal ein Beispiel

ebene1:Garten
 ebene2: Bewässerung
 ebene2:
    ebene 3: Tische
       ebene4: Runde Tische
       ebene4: Eckige Tische
    ebene 3: Stühle
ebene1: Haushalt

ich hätte es gerne so das wenn ich zum Beispiel auf ebene 4 Runde Tische bin nur die ebene 4 unter ebene Tische offen sind und Die beiden der ebene 3 angezeigt wird und die ebenen 1 und 2 nicht zusehen sind. weil wenn da immer alle Kategorien sichtbar sind wird da eine sehr lange liste daraus

[voodoopupp]

Vielen dank für die Antwort Aber leider klappt das nicht damit zeigt er mir nur die 2 und 3 ebene an egal ob ich in der 3 oder 4 ebene oder 5 ebene bin hier mal den kompletten Inhalt aus der sub_categories.php

Verstehe ich das so richtig?:

Du möchtest, dass in der sub_categories-Box jediglich die aktuelle Elternkategorie und die darin enthaltenen Kategorien (inklusive der aktuellen Kategorie) angezeigt wird?
...

Hierzu hat wohl aktuell keiner eine Lösung, oder?

Also ich stell mir das auch so vor:
Man ist auf der untersten Kategorieebene (sprich eigentlich also schon im Produktlisting).

Aktuell sieht es dann der Kategoriebaum so aus:
[ Für Gäste sind keine Dateianhänge sichtbar ]

Aber es sollte nur das im roten Rahmen angezeigt werden, also:
Backen & Naschen
    Ausstechformen & Plätzchenformen
    Backformen
    Backzubehör
    Cupcakes & Muffins-Zubehör
    Eisformen
    Keksdosen
    Nussknacker & Nussdrängler
    Tortenplatten & Etageren
Damit könnte man dann z.B. unten im Productlisting sowas anstellen:
Weitere Kategorien in "Backen & Naschen":
Kategorielink    Kategorielink    Kategorielink    Kategorielink    Kategorielink    Kategorielink

Jemand eine Idee, wie man da rangehen muss?

Grüße
Dominik

[merten-1813]

Hallo nach vielem Probieren und versuchen habe ich es jetzt so hin bekommen zwar nicht in der subcategories sondern in der Box_categories werde es mal zusammen stellen und Posten die Funktion ist damit da muss nur noch angepasst werden.

Gruß Speedy-1813

[merten-1813]

Wie Versprochen die Änderung für die Box_Categories damit nur die Kategorie anzeigt wo man Sich befindet und die Unterkategorien nicht mehr Alle.

Vieleicht hat ja noch einer Verbesserungen dafür aber für mein anliegen reicht es.

ich habe Folgendes in der template/sources/inc/gunnart_Categories.inc.php Geändert

von Zeile 60- 76

Code: PHP  [Auswählen]

        $Current = false;
                        if(is_array($cPath_array)) {
                                if($dbQueryResult['categories_id'] == $current_category_id) {
                                        $Current = ' class="Current"';
                                } elseif(in_array($dbQueryResult['categories_id'],$cPath_array)) {
                                        $Current = ' class="CurrentParent"';
                                }
                        }
                        if($CatConfig['ShowCounts'] || $CatConfig['HideEmpty']) {
                                $ProdsInCat = xtc_count_products_in_category($dbQueryResult['categories_id']);
                        }
                        if(($ProdsInCat && $CatConfig['HideEmpty']) || !$CatConfig['HideEmpty']) {
                                $Return         .=      "\n"
                                                        .       '<li class="CatLevel'.$Level.'">'
                                                        .       '<a'.$Current.' href="'
                                                        .       xtc_href_link(FILENAME_DEFAULT,xtc_category_link($dbQueryResult['categories_id'],$dbQueryResult['categories_name']))
                                                        .       '">'

ändern in

Code: PHP  [Auswählen]

$Current = false;
                        if(is_array($cPath_array)) {
                                if($dbQueryResult['categories_id'] == $current_category_id) {
                                        $Current = 'Current';
                                } elseif(in_array($dbQueryResult['categories_id'],$cPath_array)) {
                                        $Current = 'CurrentParent';
                                }
                        }
                        if($CatConfig['ShowCounts'] || $CatConfig['HideEmpty']) {
                                $ProdsInCat = xtc_count_products_in_category($dbQueryResult['categories_id']);
                        }
                        if(($ProdsInCat && $CatConfig['HideEmpty']) || !$CatConfig['HideEmpty']) {
                                $Return         .=      "\n"
                                                        .       '<li class="CatLevel'.$Level.' ' .$Current.'">'
                                                        .       '<a class="'.$Current.'" href="'    
                                                        .       xtc_href_link(FILENAME_DEFAULT,xtc_category_link($dbQueryResult['categories_id'],$dbQueryResult['categories_name']))
                                                        .       '">'

Somit hat man jetzt auch Current und CurrentParent  in den Li tags
und Als css

Code: CSS  [Auswählen]

#CatNavi ul > .Current .Current,
#CatNavi > .Current .Current {
    border-bottom: 2px solid #000;
    color: #000;
    display: block;
    font-size: 130%;
    font-weight: bold;
    padding: 5px;
}  
#CatNavi .Current .CatLevel2 > a,
#CatNavi .Current .CatLevel3 > a,
#CatNavi .Current .CatLevel4 > a {
    color: #000;
    display: block;
    font-size: 110%;
    font-weight: 600;
    list-style: outside none none;
    padding: 8px 15px;
}
.CatLevel1,
.CatLevel2,
.CatLevel3 {
    display: none;
}

.CatLevel1.CurrentParent,
.CatLevel1.CurrentParent ul > .CurrentParent {
    display: block;
}
.Current .CatLevel3,
.Current .CatLevel2 {
    display: block;
}
.CatLevel1.Current,
.CatLevel2.Current,
.CatLevel3.Current {
    display: block;
}
.CatLevel1.CurrentParent > .CurrentParent,
.CurrentParent > .CurrentParent {
    display: none;
}

.CatLevel4 {
    list-style: outside none none;
}

Damit Sollte es jetzt funktionieren wenn ich nix vergessen Habe
So sieht es Jetzt bei mir aus
[ Für Gäste sind keine Dateianhänge sichtbar ]
Gruß Speedy-1813

[merten-1813]

Hallo,

Ich habe langezeit nach einer Möglichkeit gesucht ein sogenanntes mega Menü zu erstellen was auch übersichtlich ist und man auch anpassen kann.

Ich habe es jetzt soweit das die ersten 3 ebenen angezeigt werden und von der 3 ebene nur die ersten 5 und dann erscheint ein Link mit mehr und wenn man diesen betätigt werden die restlichen erst angezeigt

falls Interesse besteht einfach bei mir melden denn werde ich das mal zusammen stellen.

[ Für Gäste sind keine Dateianhänge sichtbar ]
Hier wie es zu aussieht
[ Für Gäste sind keine Dateianhänge sichtbar ]
und hier wie es offen ist

Gruß Speedy-1813

[2slow4u]

das ist sehr geil. würdest du den code teilen?

[TrueSlide]

Mich würde der Code auch interessieren.
Gibt einen nochmal völlig neue Möglichkeiten, was die Übersicht betrifft.

[Adrian 2111]

ich hätte auch Interesse dran

[merten-1813]

Hallo klar würde ich es teilen, da ich aber nicht soviel Ahnung davon habe werde ich die komplette geänderte Datei dran hängen. den js Code dazu

Geändert wurde
template/source/inc/gunnart_Categories.inc.php

Code: PHP  [Auswählen]

<?php

/*
// ------------------------------------------------------------------------------------------
        $Id: gunnart_Categories.inc.php ("Slim Categories")
       
        F�r eine tabellenfreie Kategorien-Navigation xt:Commerce - Tabellenfreie Templates
        Mehrfach einsetzbar, beispielsweise f�r zweigeteilte Navigationen u.�.
       
        Copyright (c) 2008 Gunnar Tillmann / http://www.gunnart.de
// ------------------------------------------------------------------------------------------
        fully rewritten, formerly based on:
        (c) 2000-2001 The Exchange Project (earlier name of osCommerce)
        (c) 2002-2003 osCommerce (categories.php, v1.23 2002/11/12); www.oscommerce.com
        (c) 2003 nextcommerce (xtc_show_category.inc.php, v1.4 2003/08/13); www.nextcommerce.org
        (c) 2003-2007 XT-Commerce
       
        Released under the GNU General Public License
// ------------------------------------------------------------------------------------------
*/


// ------------------------------------------------------------------------------------------
//      Includes ...
// ------------------------------------------------------------------------------------------
        require_once (DIR_FS_INC.'xtc_count_products_in_category.inc.php');
        //require_once (DIR_FS_INC.'xtc_has_category_subcategories.inc.php');
// ------------------------------------------------------------------------------------------


// ------------------------------------------------------------------------------------------
//      Kategorien-Liste aufbauen
// ------------------------------------------------------------------------------------------
        function gunnartCategories($CatID=0,$Level=1,$CatConfig) {
       
                global $cPath_array, $current_category_id;
                $counter=0;
               
                // Kundengruppen-Check
                if (GROUP_CHECK=='true') {
                        $group_check = "and c.group_permission_".$_SESSION['customers_status']['customers_status_id']." = 1 ";
                }
               
                // Datenbank ...
                $dbQuery = xtDBquery("
                        select  c.categories_id,
                                        cd.categories_name
                        from    ".TABLE_CATEGORIES." c,
                                        ".TABLE_CATEGORIES_DESCRIPTION." cd
                        where   c.parent_id = ".intval($CatID)."
                        and             c.categories_status = 1
                                        ".$group_check."
                        and     c.categories_id = cd.categories_id
                        and     cd.language_id = ".intval($_SESSION['languages_id'])."
                        order by sort_order, cd.categories_name
                ");
               
                // Ergebnisse ...
                while($dbQueryResult = xtc_db_fetch_array($dbQuery,true)) {
                        $Current = false;
                        if(is_array($cPath_array)) {
                                if($dbQueryResult['categories_id'] == $current_category_id) {
                                        $Current = ' class="Current"';
                                } elseif(in_array($dbQueryResult['categories_id'],$cPath_array)) {
                                        $Current = ' class="CurrentParent"';
                                }
                        }
                        if($CatConfig['ShowCounts'] || $CatConfig['HideEmpty']) {
                                $ProdsInCat = xtc_count_products_in_category($dbQueryResult['categories_id']);
                        }
                        if(($ProdsInCat && $CatConfig['HideEmpty']) || !$CatConfig['HideEmpty']) {
                                if($Level==3 && $counter == 5){
                                        $Return         .=      "\n"
                                                                . '<li class="CatLevel'.$Level.'"><a class="more" href="#">mehr ...</a></li>';
                                }
                                $Return         .=      "\n";
                                $Return         .=      ($Level==3 && $counter >= 5)  ? '<li class="CatLevel'.$Level.'" style="display: none;">' : '<li class="CatLevel'.$Level.'">';
                                $Return         .=      '<a'.$Current.' href="'
                                                        .       xtc_href_link(FILENAME_DEFAULT,xtc_category_link($dbQueryResult['categories_id'],$dbQueryResult['categories_name']))
                                                        .   '">'
                                                    .   $dbQueryResult['categories_name'];
                                if($CatConfig['ShowCounts']) {
                                        $Return .=      ' <em>('
                                                        .       $ProdsInCat
                                                        .       ')</em>';
                                }
                                $Return         .=      '</a>';
                                if(($Level < $CatConfig['MinLevel'] || $Current) && ($Level < $CatConfig['MaxLevel'] || !$CatConfig['MaxLevel'])) {
                                        $Return .=      gunnartCategories($dbQueryResult['categories_id'],$Level+1,$CatConfig); // <-- Rekursion!
                                }
                                $Return         .=      '</li>';
                                if($Level==3){$counter++;}
                        }
                }
               
                // HTML-Output ...
                if($Return) {
                        if($Level == 1) {
                                $CSS .= ' class="'.$CatConfig['CatNaviID'].'"';
                        }
                        return  "\n<ul$CSS>$Return\n</ul>\n";
                }
       
        }
// ------------------------------------------------------------------------------------------

?>

und dazu dann

Code: Javascript  [Auswählen]

$( document ).ready(function() {
  // Handler for .ready() called.
  $(".more").click(function( event ) {
        event.preventDefault();
        $(this).closest( "ul" ).children().show(400);
        $(this).closest( "li" ).hide(200);
  });
});
 

Ich weiß leider nicht was genau geändert wurde aber falls noch fragen sind immer los

Gruß Speedy-1813