Hi,
ich habe ein Menü, das folgendermaßen aufgebaut ist:
<a href="index.php?id=3" id="top1"><img src="media" alt="" /><br />title</a>
<a href="index.php?id=4" id="top2"><img src="media" alt="" /><br />title</a>
..
Also ein durchnummeriertes Menü mit einem Bild aus dem Mediafeld.
Das funktioniert (fast) wunderbar und wird folgendermaßen erzeugt:
TOPMENU = HMENU
TOPMENU {
special = directory
special.value = 1
1 = TMENU
1 {
NO = 1
NO {
beforeWrap = |
doNotLinkIt = 1
allWrap = | | |*||*|| |
before.cObject = COA
before.cObject {
10 = TEXT
10 {
field = uid
dataWrap = <a href="index.php?id=|" id="top{register:count_HMENU_MENUOBJ}" title="{field:title}">
}
20 = IMG_RESOURCE
20 {
file.import = uploads/media/
file.import.listNum = 0
file.import.override.field = media
stdWrap.wrap = <img src="|" alt="" /><br />
}
}
after.cObject = COA
after.cObject {
wrap = |</a>
}
}
}
ACT = 1
ACT < .NO
ACT.before.cObject.10.dataWrap = <a href="index.php?id=|" id="topact{register:count_HMENU_MENUOBJ}" title="{field:title}">
}
Ich habe damit aber jetzt die folgenden Probleme:
- Dadurch das ich den Link direkt als index.php?id=id erzeuge funktioniert RealUrl mit diesem Menü leider nicht mehr.
- Außerdem würde ich gerne den subtitle auch in den Linktext bekommen:
<a href="index.php?id=3" id="top1"><img src="media" alt="" /><br />title <br />subtitle</a>
Bin für Tips sehr dankbar, habe so ein durchnummeriertes Menü nämlich auf zwei Websites und würde nur ungerne auf Realurl verzichten.
lg Matthias
da musst du schon mit typolink arbeiten
georg
Ok, das da oben ist mal ein "warum einfach wenn es kompliziert auch geht" Beispiel 😃
Hier mal das ganze einfacher und auch realurl tauglich:
1 = TMENU
1 {
NO = 1
NO.before.cObject = TEXT
NO.before.cObject.dataWrap = <span id="top{register:count_HMENU_MENUOBJ}">|
NO.after.cObject = TEXT
NO.after.cObject.dataWrap = |</span>
ACT = 1
ACT < .NO
ACT.before.cObject.dataWrap = <span id="topact{register:count_HMENU_MENUOBJ}">|
}
Also einfach ein nummeriertes <span> um den a-Tag herum und dann die CSS-Klassen anpassen.
Jetzt muss ich nur noch das Bild aus dem Media Feld und den Subtitle dazubekommen.
lg Matthias
Soda, jetzt funktioniert es perfekt :-) Manchmal muss man sein Problem nur in ein Forum schreiben um es kurz darauf von selbst zu lösen ;-) Dein Vorschlag mit "typolink" hat mich aber dazu gebracht das Ganze nochmal komplett zu überdenken.
TOPMENU = HMENU
TOPMENU {
special = directory
special.value = 1
1 = TMENU
1 {
noBlur = 1
NO = 1
NO {
before.cObject = TEXT
before.cObject.dataWrap = <span id="top{register:count_HMENU_MENUOBJ}">|
after.cObject = TEXT
after.cObject.dataWrap = |</span>
stdWrap.cObject = COA
stdWrap.cObject {
10 = IMG_RESOURCE
10 {
file.import = uploads/media/
file.import.listNum = 0
file.import.override.field = media
stdWrap.dataWrap = <img src="|" alt="{field:title}" /><br />
}
20 = TEXT
20.field = title
20.wrap = |<br />
30 = TEXT
30.field = subtitle
}
}
ACT = 1
ACT < .NO
ACT.before.cObject.dataWrap = <span id="topact{register:count_HMENU_MENUOBJ}">|
}
}
}
Damit bekomme ich jetzt ein aufsteigend durchnummeriertes Menü, welches realurl tauglich ist und wo innerhalb des Link-Tag auch noch ein Bild und der Subtitle angegeben werden.
Etwas schöner wäre es wenn die Nummerierung als id im Link-Tag wäre (wie bei meinem ersten Beispiel). Ist aber nicht unbedingt notwendig, mit CSS lässt es sich auch so wunderbar anpassen.
lg Matthias