Hallo allezusamme, ich möchte das Dropdown menu ändern! Größer (dauerhaft immer shopbreite) und Länger mehr Inhalt! Leider finde ich das php, html und css nicht.. Früher war es ja die megadropdown.html.. und die stylshit.css im index.. bissi klick da und hier und schee wars! Das möchte ich für GX3 auch haben.. finde aber die Dateien nicht die ich manipulieren muß (megradropdown.html ist es ja nicht mehr! wofür ist die dann überhaupt noch da? Grüße
is doch ganz wichtig für uns das ich in dem Dropdown rumschnibbeln kann! Wenigstens die 3te Ebene abschalten.. die brauchen wir eigentlich nicht.. und dann müßte es auch passen mit dem Platz! Hatte dazu früher aus der megadropdown.html einfach was rausgeschnibbelt! original: HTML: {if $content_data.CATEGORIES_DATA|@count > 0} <div id="megadropdown_box_id_{$content_data.current_category_id}" class="megadropdown clearfix" style="display:none"> <div class="megadropdown-shadow clearfix"> <div class="megadropdown-inside clearfix"> <ul> {if $content_data.CATEGORIES_DATA|@has_children} {foreach name=cat_data item=categories_item from=$content_data.CATEGORIES_DATA} <li class="top_li"> <a id="megadropdown_{$categories_item.data.id}" href="{$categories_item.data.url}">{$categories_item.data.name|replace:"&":"&"|replace:"&":"&"}{if $categories_item.data.products_count} ({$categories_item.data.products_count}){/if}</a> {if $categories_item.children|@count > 0} <ul> {foreach item=children_item from=$categories_item.children} <li class=""><a id="megadropdown_{$children_item.data.id}" href="{$children_item.data.url}" rel="{$children_item.data.id}">{$children_item.data.name|replace:"&":"&"|replace:"&":"&"}{if $children_item.data.products_count} ({$children_item.data.products_count}){/if}</a></li> {/foreach} </ul> {/if} </li> {/foreach} {else} <li> <ul> {foreach name=cat_data item=categories_item from=$content_data.CATEGORIES_DATA} <li><a id="megadropdown_{$categories_item.data.id}" href="{$categories_item.data.url}">{$categories_item.data.name|replace:"&":"&"|replace:"&":"&"}{if $categories_item.data.products_count} ({$categories_item.data.products_count}){/if}</a></li> {/foreach} </ul> </li> {/if} </ul> </div> </div> </div> {/if} {$content_data.categories_parents_ids} und abgeschnibbelt! HTML: {if $content_data.CATEGORIES_DATA|@count > 0} <div id="megadropdown_box_id_{$content_data.current_category_id}" class="megadropdown clearfix" style="display:none"> <div class="megadropdown-shadow clearfix"> <div class="megadropdown-inside clearfix"> <ul> {foreach name=cat_data item=categories_item from=$content_data.CATEGORIES_DATA} <li><a id="megadropdown_{$categories_item.data.id}" href="{$categories_item.data.url}">{$categories_item.data.name|replace:"&":"&"|replace:"&":"&"}{if $categories_item.data.products_count} ({$categories_item.data.products_count}){/if}</a></li> {/foreach} </ul> </div> </div> </div> {/if} {$content_data.categories_parents_ids} wo finde ich jetzt die datei, damit ich das mit dem GX3 auch machen kann? uns css für den Dropdown suche ich auch! Is ja auch nicht mehr so wie früher und bin halt nur ein bastler! Gruß fist
Schubs... HILFE ?!? suche immer noch nach einer Lösung.. bzw das Problem mit der tiefe hab schonmal hinbekommen! und zwar in der megadropdown.php im Honeygrid template... $coo_content_view->set_tree_depth(1); von 2 auf 1 setzten irgendwie logisch wa! (Leider paßt das mit dem Platz immer noch nicht!) So jetzt brauch ich nur noch das CSS des Megadropdowns (oder wie auch immer der jetzt heißt) aber irgendwie schon sonderbar.. die megadropdown.php wird vom system verarbeitet.. die megadropdown.html irgendwie nicht! Dachte immer das gehört zusammen!
wo finde ich den die css datei die folgendes beinhaltet! ich glaub wenn ich die finde sollte mein problem aus der welt sein! .navbar-categories > ul > li { position: relative; }
Ich würde jetzt spontan auf die _header_categories.scss tippen. Wenn du aber genau den Selektor überschreiben willst, brauchst du das doch nicht in der originalen Datei zu tun, das bringt nur unnötig Stress mit sich, wenn du ein Update machst. Ich würde das über den StyleEdit3 machen in dem du einfach eigenes CSS einbinden kannst. Damit würde das auch updatesicher sein.
Hallo Torben, doch noch jemand da Ja danke das ist die Datei die ich suche! Leider habe ich noch nicht rausgefunden wie das mit dem StyleEdit3 und dem eigenen CSS geht! Also das Fenster habe ich schon gefunden, aber ist ja leider nicht mehr so wie früher! Irgendwie gibt es nur noch 1 und das ist Leer! Aber hab dazu auch wo anders was geschrieben! Du weißt nicht zufällig wo ich das html zu dem Dropdown finde? Dann kann ich da wieder meine Kategoriebilder einbauen! Habe mal ein Bild gemacht, damit Du weißt wie schön das bei uns war
Du bist der beste Habe das übrigens hinbekommen mit dem eigenen CSS und StyleEdit3.. is ja ganz einfach.. jetzt is wieder alles schön Sehr schön haste recht gehabt.. dann brauch man nirgendwo rumzufummeln! Da ich die Sachen eh immer so schlecht makiere (und dann vergesse) die ich irgendwo einbsatel is des eh besser so! Gibt es noch eine möglichkeit das DropdownMenu wieder scrollbar zu machen?
Mit CSS-Anpassungen wird das funktionieren. Etwas in der Art könnte klappen: Code: .navbar-collapse .navbar-categories ul.navbar-nav > li > ul.dropdown-menu { max-height: gewünschte Höhe in px; overflow-y: auto; } .navbar-collapse .navbar-categories ul.navbar-nav > li > ul.dropdown-menu > li { width: 220px; } Bei der width kann das allerdings anders sein. Hier kommt es darauf an, wie viele Kats in einer Reihe angezeigt werden. Hier muss vlt ein bisschen mit dem Wert gespielt werden.
Yo funktioniert! Aber ist natürlich jetzt nicht mehr ganz so hübsch (DANKE) Fällt Dir villeicht noch was ein wie man die Scoll Position resetten könnte! (also das das Menü immer oben anfängt, auch wenn man zwischendurch schonmal runtergescollt hat)? Das mit der width habe ich garnicht gemacht! Habe das im Styledit mit %ten gemacht.. dann stimmt es immer (zB. 4 Spalten a 25% o. 8 Spalten a 12,5%)
Ok, da mit variablen Werten zu arbeiten, sit natürlich die bessere Wahl. Ich hatte mir das nur gerade schnell aus einem Demoshop abgeschaut . Zu deiner Frage: Das könnte mit einem JavaScript funktionieren. Da müsste man dann einmal die aktuelle Position abfragen und diese dann wieder auf 0 setzen, wenn das Dropdown geschlossen wird. Ein Beispiel kann ich dir da jetzt aber leider nicht nennen.
Ok trotzdem Danke sowas ähnliches hatt auch google gesagt! Habe auch gerade festgestellt, das das garnicht so schlimm ist! Hat auch was!! (und das wär ja auch irgendwie mit Kannonen auf Spatzen schießen) Und mit Java steh ich eh auf Kriegsfuß Die faule Kundschaft.. soll doch selber Scrollen
Hi BMS, bin durch Zufall in dem Beitrag gelandet und hab das mit dem Bild im Mega-Dropdown Menü gefunden. Kämpfe gerade damit das ALLE ANZEIGEN rauszuhauen aus den Kategorien. Das mit den Bildern sieht richtig knörke aus! Hast du ein TUT wie das geht und hast das mit GX3 umgesetzt inzwischen? Wirklich sehr cool!
Hallo.. soweit ich mich entsinnen kann... in die templates/Honeygrid/boxes/box_categories_top.html einfügen HTML: <!-- mod Kategoriebild --> <img src="{$child_item.data.image}" alt="{$child_item.data.name}"/> </br> <!-- mod Kategoriebild --> so wie hier HTML: {foreach name=ele_data item=child_item from=$categories_item.children} <li class="{if $child_item.children|@count > 0}dropdown {/if}level-2-child{if $content_data.category_id == $child_item.data.id} active{/if}"> <a href="{$child_item.data.url}" title="{$child_item.data.name}"> <!-- mod Kategoriebild --> <img src="{$child_item.data.image}" alt="{$child_item.data.name}"/> </br> <!-- mod Kategoriebild --> {$child_item.data.name} </a> und bei eigenes CSS im StyleEditor einfügen: Code: .navbar-categories > ul { > li { @media (min-width: $screen-xs-min) { position:static !important; > ul.dropdown-menu { border-bottom:1px solid #00ff00; border-left:1px solid #00ff00; border-right:1px solid #00ff00; > li a { @media (min-width: $screen-lg-min){ > img { height: 60px; } } > img { height: 40px; } border:1px solid #ccc !important; border-radius: 5px; box-shadow: 0 5px 5px #888; &:hover, &:focus { box-shadow: 0 5px 5px #fff; transition: box-shadow .2s ease-in-out; border:1px solid #00ff00 !important; } } } } @media (max-width: $grid-float-breakpoint-max) { > ul.dropdown-menu { > li a { > img, br { display:none; } } } } } } @if ($gx-categories-mobile-icons == true) { .navbar-categories > .navbar-nav { li { text-align:center; } } } .navbar-collapse .navbar-categories ul.navbar-nav > li > ul.dropdown-menu { overflow-y: auto; max-height: $screen-xs-min; } glaube das müßte es gewesen sein.. aber sicher bin ich mir leider nicht.. ist schon wieder zu lang her und habe natürlich mal wieder nichts notiert! Ah doch noch was vergessen: in der Megadropdown.php habe ich noch die $coo_content_view->set_tree_depth(2) auf 1 geändert! zu finden in templates/Honeygrid/source/boxes
Hey, auch ich bin auf dein Beitrag gestoßen. In dem Anhang deines achten Beitrages sind unter den Kategorien Bilder vorhanden. Wie bekomme ich diese dahin. Bislang, wenn ich in der Kategorie ein Bild hochlade, ist es nicht im Dropdown Menü zu sehen sondern in der Kategorie selbst. Ich würde gerne das hochgeladene Bild dort erkennbar machen oder halt wie du es gemacht hast. Vielen lieben Dank im Voraus! MfG Höhn
Guden Höhn.. ja mittlerweile sieht es schon wieder ein wenig anders aus.. Bin ja auch in GX3 angekommen.. Wie ich das in GX3 gemacht habe steht in Post 16, wenn ich nix vergessen habe... Wie ich das in GX2 hatte müßte ich ausbuddeln wenn Du das benötigst (weiß ich so auf anhib nicht mehr)!
Hallo, danke für deinen super Beitrag. Suche schon lang wie man das Megadropdown anpassen kann. Kannst du uns noch verraten wie man das Magdropdown auf gesamte Menübreite verbreitert und nicht nur als Dropdown links oder rechts vom oberen Menüpunkt anzeigt? Meine so wie Du es jetzt auch auf der deiner Seite hast. wenn ich deinen CSS Code aus post #16 nehme dann sieht es so aus: http://test1234.stempelwunderwelt.at GLG
Hallo Claudia... na siehste.. doch noch was vergessen... Damit das ganze so aussieht... musste noch mit den Einstellungen für das Dropdown spielen. Hab im Styledit folgendes eingestellt.. Mega-Dropdown Schriftgröße Überschriften = 15px Schriftfarbe = $text-color Rahmenfarbe = #ffffff Block-Breite = 25% (das is das wichtige) Anzahl Blöcke = 4 (auch wichtig) Tab-Verschiebung = 2px Hintergrundfarbe = #ffffff Hintergrundbild (nichts) zB man könnte auch... 33,3% und 3 Blöcke machen oder 20% und 5 Blöcke ...usw glaube das sollte Dein Problem lösen!