Verborgene Seite - Kategorie im Menü als Current Item anzeigen lassen 
Autor: Daniel S.
Besucht 92,
Followers 0,
Geteilt 0
Hey lieber WebsiteX5 Mitglieder,
ich arbeite gerade an einem neuen Website Projekt und bin nun auf ein Problem gestoßen, bei dem ich eure Hilfe benötige.
Ich habe unter einer Menü-Kategorie verborgene Seiten hinzugefügt. Jetzt habe ich das Problem, dass die Kategorie im Menü nicht mehr als aktuelle Seite ("Current Item") angezeigt wird. Mir geht es darum, dass lediglich die Kategorie als aktuelle Seite entsprechend den Einstellungen eingefärbt bleibt, die Seite aber trotzdem im Menü nicht erscheint.
Gibt es hierfür eine Lösung innerhalb der Software? Unter Punkt 2. sind die Einstellungen eigentlich richtig gesetzt.
Besten Dank vorab!
LG Daniel
Gepostet am

JA, erstelle eine zusätzliche versteckte "Landingspage" für diese Kategorie und verlinke sie mit der Ebene!
Ich kann den Effekt bestätigen.
Wird die Seite einer Ebene im Browser angezeigt, dann wird die Ebene im Menü als "aktuell" gesetzt.
Wird die verborgene Seite einer Ebene angezeigt, dann gilt die Ebene im Menü als "nicht aktuell".
Eine Lösung habe ich nicht, aber vielleicht die Inocmedia-Mitarbeiter oder CSS-/Javascript-Experten.
Autor
Hey ihr beiden,
vielen Dank für eure Antworten!
@Andreas S.
Ich hab mal versucht eine zusätzliche verborgene Landingseite einzubauen. Hat nichts verändert, bin mir aber nicht sicher, ob ich dich richtig verstanden habe.
Also ich soll ne Landingpage (Spezialseiten) hinzufügen und die unter die Kategorie packen? Mir ist nicht klar, wie ich das verlinken soll. Stehe glaube ich auf dem Schlaich... :-)
@Daniel W.
Ja, genau das beschreibt mein Problem perfekt! :-)
Meine Seite ist aktuell noch offline und nur als Projekt vorhanden. Es handelt sich um eine Mopedhobbyschrauberseite mit einem Tool, das über verlinkte Bereiche in Bildern vom Moped erschiedene Bauteile näher darstellt und auf Themenbereiche verlinkt. Also z.B. wird der Vergaser im eingebauten Zustand im Bild dargestellt. Klickt man im Bild auf den Vergaser gelangt man auf eine neue Seite auf der alles rund um das Thema Vergaser erläutert wird.
LG Daniel
Es gebe diese Möglichkeit:
Bild verlinken mit "Seite der Webseite" und als Option "In einem ShowBox-Fenster öffnen".
Siehe auch meine Testseite >> https://findelinks.de/123test-aufklappmenue-2/
-----
Evtl. noch die Seiten im ShowBox-Fenster auf "ohne Templates" setzen.
Verlinkte Seite unter "3 Sitemap" markieren und oben auf "Eigenschaften" klicken, dann den Reiter "Grafik" anklicken und bei "Optionen" des Häkchen setzen bei "Seite ohne Template erstellen".
Und wenn die Seite nicht im Menü erscheinen soll unter "3 Sitemap" auf "Verborgen" stellen.
Ich vermute mal, dass auf der Mopedseite ein Imagemap verwendet wird, also ein Bild, bei dem verschiedene Teile als Links zu den verborgenen Seiten mit den Details verlinkt werden.
Ich habe eine Testseite erstellt, bei der ich Imagemap-Code (erstellt mit kostenlosem Online-Tool) im Objekt "HTML Code" verwendet habe, den ich um Code für die ShowBox-Anzeige erweitert habe.
Meine Testseite >> https://findelinks.de/123test-aufklappmenue-2/imagemap.html
----- Verwendeter Code für Imagemap im Objekt "HTML Code" -----
<img src="bilder/FAQ-1.jpg" usemap="#image-map">
<map name="image-map">
<area target="" alt="" title="" href="seite-f.html" onclick ="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'seite-f.html', width: 1920, height: 1080, description: ''}]}, 0, this);" onclick="return x5engine.utils.location('seite-f.html', null, false)" coords="14,150,169,346" shape="rect">
<area target="" alt="" title="" href="seite-a.html" onclick ="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'seite-a.html', width: 1920, height: 1080, description: ''}]}, 0, this);" onclick="return x5engine.utils.location('seite-a.html', null, false)" coords="180,152,339,342" shape="rect">
<area target="" alt="" title="" href="seite-q.html" onclick ="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'seite-q.html', width: 1920, height: 1080, description: ''}]}, 0, this);" onclick="return x5engine.utils.location('seite-q.html', null, false)" coords="346,154,504,346" shape="rect">
</map>
-----
Anmerkungen zum Code:
Hier gibt es bei meiner Testseite 3 Area-Abschnitte mit jeweils 3 Stellen (fett markiert), an denen der Dateinamen der Seite an den Dateinamen der eigenen Seiten angepasst werden muss.
Hinzuzufügen sind noch die Inhalte bei alt="" und title="" - z.B. für die Barrierefreiheit.
Die Abschnitte bei "onclick" sind für das ShowBox-Fenster und wurden aus dem Quelltext kopiert.
Nachtrag:
Meine Testseite mit einem Imagemap-Code, der mit einem responsiven Imagemap Generator erzeugt wurde, hat in der Handy-Simulation hochkant die Buchstaben den falsche Seiten zugeordnet.
Bei größeren Bildschirmbreiten gab es dagegen keine Probleme.
Bei meiner Testseite habe ich es beim nicht-responsive Imagemap-Code belassen und solange das Bild nicht zu groß ist, reicht es das Handy quer zu halten, damit das Bild ganz zu sehen ist.
An die anderen Nutzer:
Evtl. kennt jemand einen responsiven Imagemap Generator, der bei Handy hochkant nicht nur das Bild entsprechend verkleinert, sondern die Zuordnung der Flächen zu den Seiten richtig macht.
Normlerweise gibt es viele Generatoren auch für responsiove Imagemaps LINK
Allerdings wenn man es speziell haben will wie breit- und responsive hochgestellt, muss man dies individuelle mit CSS Code und neuen Mapcode lösen. Ob das nur mit CSS möglich ist oder mit zusätzlichem Javascript kann ich nicht sagen.
Autor
Genau, ich hab es via imap eingefunden.
Aber wie löse ich denn jetzt das Problem, dass die verborgenen Seiten nicht als aktuelle Seite im Menü angezeigt werden?
Für das Problem - verborgene Seiten werden nicht als aktuelle Seite angezeigt - noch keine Lösung.
...
_____ Zu meiner Testseite und der Problemlösung _______
Bei meiner Testseite habe ich ein 2. Objekt "HTML Code" mit einem Imagemap-Code, das mit einem kleineren Bild über ein Imagemap-Online-Tool erstellt wurde, ins Raster eingefügt.
Von den beiden Objekten "HTML Code" untereinander wird jeweils 1 Objekt mit CSS-Code je nach Bildschirmbreite ausgeblendet, so dass Objekt 1 bei größeren und Objekt 2 bei kleineren Bildschirmen angezeigt wird.
----- Codebeispiel für das kleinere Bild (Breite 360px) bei meiner Testseite -----
<img src="bilder/FAQ-1-klein.jpg" usemap="#image-map-klein">
<map name="image-map-klein">
<area target="" alt="" title="" href="seite-f.html" onclick ="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'seite-f.html', width: 1920, height: 1080, description: ''}]}, 0, this);" onclick="return x5engine.utils.location('seite-f.html', null, false)" coords="19,104,114,239" shape="rect">
<area target="" alt="" title="" href="seite-a.html" onclick ="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'seite-a.html', width: 1920, height: 1080, description: ''}]}, 0, this);" onclick="return x5engine.utils.location('seite-a.html', null, false)" coords="119,107,228,239" shape="rect">
<area target="" alt="" title="" href="seite-q.html" onclick ="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'seite-q.html', width: 1920, height: 1080, description: ''}]}, 0, this);" onclick="return x5engine.utils.location('seite-q.html', null, false)" coords="234,106,339,238" shape="rect">
</map>
-----
Vielleicht haben die Incomedia-Mitarbeiter am Montag eine Lösung, um bei angezeigten "verborgenen" Seiten in einer Ebene auch diese Ebene im Menü als "aktuell" zu markieren.
(It > De) ... Hallo, Entschuldigung, vielleicht sollten wir die Probleme nacheinander in separaten Themen behandeln.
Ich bin selbst etwas verwirrt und verstehe Folgendes nicht:
Versteckte Elemente, Ebenen, Aktive Elemente, Landingpages, Mappings usw...
.
ciao
@KolAsim:
When page 13 of Level B is displayed, Level B is displayed in a different color in the menu because Level B is shown as "current" - see screenshot (1) and (2)
If page 13 under "3 Sitemap" is marked as "Hidden" and is accessed with a text link, then level B is not highlighted in color in the menu.
----- (1) -----
----- (2) -----