fixes Bild als Redakteur switchen können

toyde · 2005-02-24T11:20:50+00:00

hi. Ich habe einen Header im Design einer Page. Nun möchte ein Redakteur von mir, dass eine Komponente des Headers, bspw. ein Wort od. Auto, als .jpg-File austauschbar bleibt. So kann man je nach Aktualität ein Themenbild ändern, und der Header ist nicht so statisch und anpassbar. Sozusagen ein Bild im Bild. Eben, ein Bild im Header. Problem: Als Content-Element kann ich es nicht verwenden, da Typo3 ja selbst Umbrüche wrappt. Das Bild (als Beispiel) ist 200x200px gross. Nun müsste ich eine Möglichkeit haben dass diese Komponente im Header immer auf 200x200px bleibt, und für den Redakteur die Möglickeit besteht, ein auf 200x200 zugeschnittenes Bild einzufügen. Mir, als Typo-Hacker ist das klar: Marker im TypoScript und html-Template, fertig. Doch gibt es auch eine Redakteur-freundlich Lösung? greez toyde P.S.: Es gibt doch das Content-Element "Bild". Kann man da per "special" oder ähnlichem was reissen?

toyde · 24. Februar 2005 13:56

lol - durcheinander...

ok, mein Post wird erst abends kommen.
cu

toyde · 3. März 2005 00:01

nein, es klappt doch nicht so leicht, wie ich meinte.

Habe das im Setup vom Root-Template:

 marks.MARKER_HEADCHANGER = IMAGE
 marks.MARKER_HEADCHANGER { 
   file { 
     import = fileadmin/images
     import.field = media 
     import.listNum = 0
   } 
   source = 217
   dontCheckPid = 1 
 }

andere Marker funzen, und Schreibfehler gibts keine.
Also liegt's am TypoScript oder sonst was.

Habe eine Page vom Typ "Advanced", mit einem .png-Bild als media file. Nun müsste ich dieses dort eingefügte Bild der Seite "Advanced" mit der Page-ID 217 in mein Template bekommen.

Weiss jemand Rat? Habe die TS-Ref studiert, und der obige Code ist herausgekommen.

theo · 3. März 2005 00:07

nö, das eine hat mit dem anderen überhaupt nix zu tun.
is mir jetzt aber zu spät am abend. morgen meld ich mich nochmal.
aber was die drei "import-zeilen" betrifft: da mußt du einfach ausnahmsweise genau das abschreiben, was ich dir gepostet hatte.

also

import.field = media
import = uploads/media/
import.listNum = 0

du kannst da nicht einfach einen eigenen pfad angeben...

p.s.: jaja, der toyde... 😉

toyde · 3. März 2005 00:17

ja, gerne morgen wieder. Bin auch wech.

Noch zum Stand der Dinge:
1. So verschwindet mein Marker, aber kein Bild wird immernoch nicht gesetzt:

 marks.MARKER_HEADCHANGER = IMAGE
 marks.MARKER_HEADCHANGER { 
   import.field = media 
   import = uploads/media/ 
   import.listNum = 0
 }

2. So bleibt der Marker stehen, d.h. er wird nicht mit Daten gefüllt:

 marks.MARKER_HEADCHANGER { 
   import.field = media 
   import = uploads/media/ 
   import.listNum = 0
 }

Bis dann

Im directory uploads/media/liegt das in der advanced-Page includete Bild, und noch ein weiteres. Durch listNum müsste also das erste rausgepickt werden.

mcmz · 3. März 2005 02:51

hallöle,

temp.headerimage = IMAGE
temp.headerimage {
file {
import.field = media
import = uploads/media/
import.listNum = 0

}
}

den code würd ich zuerst mal so übernehmen und irgendwo oben ins setup knallen.

dann kannst du deinen marker einfach damit belegen:

 marks.MARKER_HEADCHANGER < temp.headerimage

nach eva zwerg sollte das so klappen. #paralyzed#

sieht später einfach auch aufgeräumter aus.

grüße

theo · 3. März 2005 10:22

@toyde:
ich hab da den schweren verdacht, daß das problem ein simpler bedienungs- bzw. verständnisfehler deinerseits ist. jedenfalls glaube ich, das zwischen deinen zeilen heraushören zu können.

das einbinden des mediafeldes funktioniert nach folgendem prinzip:
du wählst dir dort deine gewünschte datei aus deinem fileadmin-ordner raus, in deinem fall aus dem ordner fileadmin/images.
beim abspeichern kopiert nun typo3 das bild automatisch in den ordner media/uploads und referenziert darauf. deswegen ist bei "import" hier immer der ordner media/uploads anzugeben, egal wo du die datei eigentlich herauspickst. das ganze hat natürlich auch seinen sinn, aber das ist ein anderes thema...

falls ich da falsch liege mit meiner vermutung, dann vergiß den ganzen sermon gleich wieder... 😉 (ich kam jetzt nur drauf, weil du da nicht der erste gewesen wärest, der es so mißverstanden hätte)
andererseits gibt es keine erklärung, warum der code bei dir nicht funktionieren sollte. dann liegt das problem wohl ganz woanders.

übrigens

toyde schrieb
1. So verschwindet mein Marker, aber kein Bild wird immernoch nicht gesetzt:

dann ist ja doch alles in ordnung... #giggle#

toyde · 3. März 2005 12:54

schade schade.
Schon möglich, dass der obige Code richtig ist, aber mein Marker steht immer noch mit "###MARKER_HEADCHANGER###" auf der Page.
Ich habe mehrere Marker, die aber korrekt ersetzt werden, habe mehrere Navigationen, beispielsweise:

### FOOTER-Config
 marks.MARKER_FOOTER = HMENU
 marks.MARKER_FOOTER {
   special = directory
   special.value = 167
 }
 marks.MARKER_FOOTER.1 = TMENU
 marks.MARKER_FOOTER.1.NO.linkWrap = <td class="FOOTER-no" width="" height="22" align="left">|&nbsp;&#124;&nbsp;</td> |*| <td.....

Und das klappt tadellos.

Wieso wird denn der Marker nicht überschrieben? Ich meine, nicht einmal "leer", also weiss wird ausgegeben.

toyde · 3. März 2005 12:59

theo schrieb
du wählst dir dort deine gewünschte datei aus deinem fileadmin-ordner raus, in deinem fall aus dem ordner fileadmin/images.
beim abspeichern kopiert nun typo3 das bild automatisch in den ordner media/uploads und referenziert darauf. deswegen ist bei "import" hier immer der ordner media/uploads anzugeben, egal wo du die datei eigentlich herauspickst.

Ja, die Beobachtung habe ich gestern auch gemacht. Also hat die advanced Page nix mit meinem Problem zu tun. thx im Nachhinein.

Habe eben 2 Pics im uploads/media, doch mit genau diesem Code:

### Bild Wechsler Config
 temp.headerimage = IMAGE 
 temp.headerimage { 
   file { 
     import = uploads/media/ 
     import.field = media 
     import.listNum = 0 
   } 
 }
 marks.MARKER_HEADCHANGER < temp.headerimage

passiert nix. Der Marker hängt immer noch in der Seite.

theo · 3. März 2005 13:00

wie ich eben erst bemerkt habe, hast du ja auch zwischenzeitlich sogar die "file"-zeile rausgenommen. warum denn? von mir haste das jedenfalls nich... 😉
das kann natürlich nicht funktionieren.

also nicht so

 marks.MARKER_HEADCHANGER = IMAGE
marks.MARKER_HEADCHANGER {
   import.field = media
   import = uploads/media/
   import.listNum = 0
}

sondern so

 marks.MARKER_HEADCHANGER = IMAGE
marks.MARKER_HEADCHANGER {
   file {
   import.field = media
   import = uploads/media/
   import.listNum = 0
   }
}

aber soweit waren wir ja schonmal... 😉

toyde · 3. März 2005 13:17

hm, nächste Runde.

@theo - das war auch nur darum, weil ich durchprobiert habe. In der TSref steht auch was auf Seite 50 von Image-Import, aber ich komm einfach nicht vom Fleck.

Immerhin:

### Bild Wechsler Config
marks.MARKER_HEADCHANGER = IMAGE 
marks.MARKER_HEADCHANGER { 
   file { 
   import.field = media 
   import = uploads/media/ 
   import.listNum = 0 
   } 
}

Dieser Code lässt meinen Marker verschwinden 😉
--> aber in der Site und dem Quelltext ist es leer.

Has sonst noch jemand eine Idee?

theo · 3. März 2005 13:24

1) der code stimmt
2) die erklärung, wie man das mediafeld befüllt, ist sicherlich angekommen
3) deswegen mußt du an anderer stelle nach einem fehler suchen

toyde · 3. März 2005 13:44

Habe eine Möglichkeit gefunden:

### Bild Wechsler Config
 marks.MARKER_HEADPIC = HTML
 marks.MARKER_HEADPIC.value = <img src="fileadmin/images/banner.png" width="217" height="177" border="" alt="">

Das Bild, das vom Redakteur hochgeladen wird muss dann halt immer gleich gross sein(ok, muss es bei jeder Variante) und gleich lauten. Also banner.png im Verzeichnis /images/..

Schade, dass ich die media-Variante nicht nutzen kann, denn diese ist noch eine Spur redakteurfreundlicher.

theo · 3. März 2005 13:52

*räusper* 😉

toyde · 3. März 2005 15:05

theo schrieb
*räusper* 😉

irgendwie muss ich mir ja helfen :p

vielleicht mache ich es sogar so:

### IMAGESWITCH Config
 marks.MARKER_IMAGESWITCH = HTML
 marks.MARKER_IMAGESWITCH.value = <img src="uploads/media/banner.png" width="217" height="177" border="" alt="">

Dann muss halt immer das Bild in der advanced-Seite mit einer gleichnamigen Datei vertauscht werden. Hätte den gleichen Effekt, wie eigentlich beabsichtigt.

edit:
DANKE nachträglich für eure Tipps!! Hat halt nich sein wollen.

mstuebner · 5. März 2005 11:33

toyde schrieb

### IMAGESWITCH Config
 marks.MARKER_IMAGESWITCH = HTML
 marks.MARKER_IMAGESWITCH.value = <img src="uploads/media/banner.png" width="217" height="177" border="" alt="">

Dann vergiss nicht den ALT Parameter manuell mit einem Inhalt zu versehen.