Zum Inhalt springen

DIV's um Bilder ziehen...

Erstellt am 12. April 2007 · 4 Antworten · letzte Antwort am 13. April 2007

Tags: Inhaltselemente, Frage

MATRIXX ·

Hi zusammen...

Ich hab ein (vermutlich) typisches Newbie-Problem...

Ich habe einen Content-Eintrag des Typs "Text m. Bild" erstellt (Spalte Normal), welcher auch wunderbar gerendert wird.

Allerdings habe im Template-Setup dafür folgende Zeile nehmen müssen:

tt_content.textpic.20.1.wrap = <div id="item">| <div class="blaettern">Blättern</div></div>

Will ich jetzt in der rechten Spalte im Backend ebenfalls wieder einen Content "Text m. Bild" erfassen, wird das ganze blöderweise falsch gerendert (nämlich wie in der Mitte), das will ich aber nicht...

Gibt es irgendwie die Möglichkeit, zu unterscheiden, von welcher Backend-Spalte der Eintrag stammt?

Preview hier:
hier klicken!

Mööp ·

Hi,

mit Deiner Typoscript Zeile legst Du fest, wie das Content-Element "Text m. Bild" gerendert wird.

Was Du aber willst (wenn ich das richtig verstanden habe), ist dass Du verschiedene Content-Spalten unterschiedlich rendern willst.

Ich würde also quasi in Typoscript die verschiedenen Inhaltsspalten unterschiedlich definieren, sinngemäß:

CONTENT_MITTE = CONTENT
CONTENT_MITTE {
      ...
      wrap = <div class="style1">|</div>
      ...
}

CONTENT_RECHTS = CONTENT
CONTENT_RECHTS {
      ...
      wrap = <div class="style2">|</div>
      ...
}

Hoffe das hilft weiter.

MATRIXX ·

Hallo Mööp...

Vielen Dank für den Hinweis.. Ich hab das mal probiert.. Leider kann ich Anhand Deines Beispiels nicht erkennen, wo ich jetzt den auskommentierten Wrap (zuunterst im TS-Code) einpflegen muss...

Hast Du (oder vielleicht jemand anders) mir da ein Beispiel?

Mein TypoScript-Code sieht im Moment folgendermassen aus:

# Content zuweisen
page { 
  CONTENT_MITTE = CONTENT
  table = tt_content
  typeNum = 0 
  10 = TEMPLATE 
  10 { 
    subparts {
      CONTENT = CONTENT 
      CONTENT {
        table = tt_content
        select { 
          where = colPos = 0
          orderBy = sorting 
          languageField = sys_language_uid 
        }
      }
    }
  }
}

# DIV mit ID Item um Bild ziehen
# tt_content.textpic.20.1.wrap = <div id="item">| <div class="blaettern">Bl&auml;ttern</div></div>

Danke im Voraus...

Gruss

Marcel

MATRIXX ·

Hi zusammen...

Ich habe mal eine Lösung gefunden mit einem Subtemplate, weiss aber nicht ob die korrekt ist... Bin halt noch voll der Noob... :-) Vielleicht könnte sich mal jemand schnell den Source anschauen.. ;-)

MITTE:

# Content zuweisen
page { 
  CONTENT_MITTE = CONTENT
  table = tt_content
  typeNum = 0 
  10 = TEMPLATE 
  10 { 
    subparts {
      CONTENT = CONTENT 
      CONTENT {
        table = tt_content
        select { 
          where = colPos = 0
          orderBy = sorting 
          languageField = sys_language_uid 
        }
      }
    }
  }
}
# DIV-Item um 1. Bild ziehen
tt_content.textpic.20.1.wrap = <div id="item">| <div class="blaettern">Bl&auml;ttern</div></div>

RECHTS (Subtemplate)

tmp.CONTENT_RECHTS = CONTENT 
tmp.CONTENT_RECHTS { 
  table = tt_content 
  select { 
    pidInList = 1
    where = colPos = 2
    orderBy = sorting 
  }
  renderObj < tt_content
  renderObj.textpic.20.1.wrap = <div class="review">|</div>
}

Und zugewiesen wirds so:

page.10.subparts.HIGHLIGHTS < tmp.CONTENT_RECHTS
Mööp ·

Hi,

habe das eigentlich anders gemeint, aber so kann man es natürlich auch machen.

Grüße,
Mööp.