Welcome, Guest
Username: Password: Remember me

TOPIC: Aufkappbares Unter-Untermenü

Aufkappbares Unter-Untermenü 2 months 4 weeks ago #1

  • BMueller
  • BMueller's Avatar
  • Offline
Hallo,

ich hätte gerne ein Menu, in welchem es aufklappbare Untermenüs gibt.
Also wenn ich mit der Maus auf ein Untermenü gehe, dann klappt ein Unteruntermenü auf.

Also so wie das hier:
www.elektrophysik.com/de/produkte/schichtdickenmessgeraete/

Wenn man hier z.B. auf "Produkte" geht, dann sieht man nur die Unterpunkte und erst wenn man auf die Unterpunkte geht, dann erscheinen die Unterunterpunkte.
Ist das in irgendeinem Template schon enthalten, bzw. gibt es eine Möglichkeit so etwas per Stylesheet hinzuzuprogrammieren?

Grüße
BMueller
The administrator has disabled public write access.

Aufkappbares Unter-Untermenü 2 months 4 weeks ago #2

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
Hallo,
in manch unseren Themes ist es bereits integriert und in manchen Themes müssen sie das mit einem CSS Trick machen.
Welches Theme benutzen sie?
The administrator has disabled public write access.

Aufkappbares Unter-Untermenü 2 months 4 weeks ago #3

  • BMueller
  • BMueller's Avatar
  • Offline
Hallo, besten Dank für rasche Rückmeldung.
Ich habe mehrere Themes ausprobiert (classic, ice, sport, xtra) . Im Moment bin ich bei "sport", Bin gerade noch am austesten, welches am besten passt. In welchen Themes ist das denn bereits integriert? Ich könnte in dieser Phase durchaus noch wechseln, wenn es das Layout hergibt.
Gruße
BMueller
The administrator has disabled public write access.

Aufkappbares Unter-Untermenü 2 months 4 weeks ago #4

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
Hallo,
1.) Ich weiß leider nicht genau, ab dem AIO Theme glaube ich. Hier ist dann folgende Settings vorhanden, siehe Bild


2.) Aber mit einem css code in der custom.css sollte es auch gehen
.uk-nav-navbar > .uk-parent > .uk-nav-sub { display: none; }

.uk-nav-navbar > .uk-parent > a:after {
content: "\f107";
font-family: "FontAwesome";
display: block;
float: right;
}

.uk-nav-navbar > .uk-parent:hover > .uk-nav-sub {
display: block;
background: none repeat scroll 0 0 padding-box #fff;
border: 1px solid rgba(0, 0, 0, 0.12);
box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
width: 200px;
margin-top: -5px;
padding: 15px;
position: absolute;
left: 150px;
}
The administrator has disabled public write access.

Aufkappbares Unter-Untermenü 2 months 4 weeks ago #5

  • BMueller
  • BMueller's Avatar
  • Offline
Ich habe jetzt mal das AIO Template installiert und in der Hauptnavigation funktioniert das sehr gut. Hierfür vielen Dank!!!
Jetzt habe ich jedoch das Problem, dass die Unterpunkte in der Offcanvas-Navigation nicht angezeigt werden. Wenn ich auf einen der Hauptpunkte klicke, dann öffnet sich die Hauptpunktseite, aber kein Unterpunkt. Jetzt vermute ich, dass sich im Offcanvas-Menü kein Seitenlink unter dem Hauptpunkt befinden darf (also nur Text ohne Verlinkung) . Kann das sein? Sollte das der Fall sein, dann müsste ich ja quasi ein separates Menü für die Mobilansicht erstellen, oder?
The administrator has disabled public write access.

Aufkappbares Unter-Untermenü 2 months 4 weeks ago #6

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
Im offcanvas müssen sie als Hauptmenupunkt einen Seperator benutzen.
Oder ein spezielles Menu erstellen für das Offcanvas, sofern sie ihr normales Menu nicht ändenr möchten
The administrator has disabled public write access.

Aufkappbares Unter-Untermenü 2 months 4 weeks ago #7

  • BMueller
  • BMueller's Avatar
  • Offline
Besten Dank. ja, das habe ich jetzt auch herausgefunden. Die für mich beste Lösung war tatsächlich, ein eigenes Menü für Offcanvas zu erstellen, in dem die Hauptmenupunkte dann als Separator stehen.

Nur für Leute, die mit dem Begriff "Seperator" nichts anfangen können.
Das heißt inzwischen anders:

Separator:
Systemlinks -> Menü-Überschrift (Eine Überschrift zur Nutzung im Menü) (also dann statt "Eigene Beiträge" oder so).

Jetzut habe ich nur noch das Problem, dass ich im Template AIO das Offcanvas-Menü in der PC-Ansicht nicht verbergen kann. Wenn ich nämlich einen Button darin anklicke, dann verschwindet die PC-Hauptnavigation und es steht nur noch das Offcanvas-Menü zur Verfügung.
Gibt es hierfür einen Trick?
The administrator has disabled public write access.

Aufkappbares Unter-Untermenü 2 months 3 weeks ago #8

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
Jetzut habe ich nur noch das Problem, dass ich im Template AIO das Offcanvas-Menü in der PC-Ansicht nicht verbergen kann. Wenn ich nämlich einen Button darin anklicke, dann verschwindet die PC-Hauptnavigation und es steht nur noch das Offcanvas-Menü zur Verfügung.
Gibt es hierfür einen Trick?
Sorry jetzt weiß ich nicht was sie meinen??
The administrator has disabled public write access.

Aufkappbares Unter-Untermenü 2 months 3 weeks ago #9

  • BMueller
  • BMueller's Avatar
  • Offline
Hallo,

es ist so, dass wenn ich in der PC-Ansicht einen Button in der Offcanvas-Navigation anklicke, dann verschwindet die PC-Hauptnavigation und es steht nur noch das Offcanvas-Menü zur Verfügung
(keine Ahnung, warum das bei mir so ist. Ich kann es nicht erklären, denn in der Demo ist das nicht so).
Deshalb wollte ich die Offcanvas-Navigation in der PC-Ansicht ausblenden, damit man diese nur in der Tablet/Mobilansicht verwenden kann. Eigentlich braucht es ja eigentlich auch keiner Mobilnavigation,
wenn ich in der PC-Ansicht ja die nomale Navigation habe.
Durch einen Hinweis eines anderen Teilnehmers ist es mir aber gelungen, die Offcanvas-Navigation auszublenden.
Hier nochmals das CSS-Script für die custom.css, welches der benannte Teilnehmer freundlicherweise zur Verfügung gestellt hat:

/*Menü auf Desktop ausblenden (mobiles Menü)*/
a.uk-button.uk-navbar-toggle.uk-float-right
{
display: block; /* This is how it looks on mobile */
}

@media (min-width: 1150px) {
a.uk-button.uk-navbar-toggle.uk-float-right
{
display: none!important; /* This is how it looks on desktop */
}
}

Die Bildschirmauflösung, ab welcher das Offcanvas-Menü versteckt werden soll, kann man in der Zeile "@media (min-width: 1150px) {" einstellen.
Da muss man ein wenig herumprobieren, bis es passt, wie man es haben möchte.
Grüße
BMueller
The administrator has disabled public write access.
Moderators: joomlaplates

Einzelnes Theme ( Download 1 Template)

Das sog. "Einzelne Theme" ist für alle Kunden geeignet die lediglich ein (1) Template benötigen, egal ob kommerziell oder privat genutzt. Sie dürfen das erworbene Template auf einer Joomla Installation produktiv nutzen.


Mitgliedschaft ( Download alle Templates)

Während ihrer Mitgliedschaft ist es ihnen erlaubt alle Templates herunter zu laden und unseren Bestimmungen entsprechend zu nutzen. Nach Ablauf der Mitgliedschaft dürfen sie natürlich alle bereits in Nutzung befindlichen Templates weiter einsetzen. Sie haben jedoch nach Ende ihrer Mitgliedschaft keinen Zugriff mehr auf den Download Bereich und keinen Zugriff mehr auf Updates.

Die Zahlung ist einmalig und ihr Membership läuft automatisch aus, sofern sie es nicht erneuern.

Unsere Mitgliedschaften bieten wir ausschließlich über JoomlaPlates.com an.

Jetzt kaufen