Suche
Teilen
startseite » forum

[Frage] <div>-Bereiche einer Seite mit TypoScript differenzieren TYPO3-Version: 6.1.7

  • JackBauer JackBauer
    TYPO3-Anwärter
    0 x
    5 Beiträge
    0 Hilfreiche Beiträge
    15. 10. 2014, 23:34

    TYPO3-Version: 6.2.5

    Hallo zusammen,

    ich habe gerade angefangen, mich in dem Bereich Webentwicklung mit TYPO3, TypoScript und Bootstrap reinzuarbeiten und bin schon auf mein erstes Problem gestoßen:

    Momentan verwende ich für meine ersten Gehversuche das Grayscale Layout von Bootstrap ([url]http://startbootstrap.com/templates/grayscale/[/url]). Grundsätzlich habe ich es mir für den Aufbau so vorgestellt, dass oben links, wo momentan "Start Bootstrap" steht, ein Drop-Down-Menü erscheinen wird, wo ein HMENU mit entryLevel = 0 ausgefahren wird. Das sollte auch erstmal kein Problem darstellen.

    Nun sollen allerdings die Texte und Überschriften der verschiedenen <div>-Bereiche einer Seite separat mit TypoScript abgefragt werden. Bisher mache ich es mit 

    1. styles.content.get

    Wenn ich also nun in einer Seite mehrere <div>-Bereiche angelegt habe, werden [b]alle[/b] diese in diesem Bereich dargestellt, und nicht weiter unten (z.B. bei About, Download und Contact).

    Gibt es eine Möglichkeit, einzeln auf diese Bereiche mit TypoScript zuzugreifen?

    Viele Grüße

    Tags: Bootstrap , Backend , Div , TypoScript
  • 1
  • jenses jenses
    Flash Gordon
    0 x
    3087 Beiträge
    106 Hilfreiche Beiträge
    16. 10. 2014, 09:45

    Guckst du hier:
    http://docs.typo3.org/typo3cms/TyposcriptIn45MinutesTutorial/ReadingContentRecords/Stylescontentget/Index.html

    Historisch bedingt gibt es in TYPO3 4 "Spalten", auf die du separat zugreifen kannst.

  • JackBauer JackBauer
    TYPO3-Anwärter
    0 x
    5 Beiträge
    0 Hilfreiche Beiträge
    16. 10. 2014, 14:35

    Danke für deinen Beitrag, allerdings haben wir uns hier wohl missverstanden. Wie man auf die [b]Spalten[/b] zugreifen kann ist mir bewusst, mir geht es um die [b]Zeilen[/b].

    Zum besseren Verständnis habe ich einen Screenshot mit angehangen.

    Anhänge (1)
    Typo3 Content TS.png image/png 0,00 B 228 heruntergeladen
  • Chrissli Chrissli
    Jedi-General
    0 x
    1016 Beiträge
    28 Hilfreiche Beiträge
    16. 10. 2014, 17:19

    Dann mit RECORDS und der Container-ID oder analog mit CONTENT.
    Möglich wäre evtl auch eine if-Condition in das renderObj einzubauen.
    Dann solltest du mit 

    1. data = {cObj : parentRecordNumber}

    auf den Eintragsindex des jeweiligen Objects zugreifen können

    God's in his heaven, all's right with the world

  • JackBauer JackBauer
    TYPO3-Anwärter
    0 x
    5 Beiträge
    0 Hilfreiche Beiträge
    16. 10. 2014, 22:55

    Soo, ich bin nun einen Schritt weiter, aber noch nicht am Ziel angekommen.

    Ich lese nun per CONTENT und select die Werte aus tt_content, und kann sie auch mit renderObj darstellen. Aber was genau meinst du mit if-Condition und parentRecordNumber?

    So sieht ein Teil meines TypoScriptes aus:

    1. content = CONTENT
    2. 			content.table = tt_content
    3. 			content.select {
    4. 				orderBy = sorting
    5. 				where = colPos = 0
    6. 			}
    7. 			content.renderObj = COA
    8. 			content.renderObj {
    9. 				10 = TEXT
    10. 				10.stdWrap.field = header
    11. 				10.stdWrap.wrap = <h1>|</h1>
    12.  
    13. 				20 = TEXT
    14. 				20.stdWrap.field = bodytext
    15. 				20.stdWrap.wrap = <p>|</p>
    16. 			}

    Hier ein Teil im aufgerufenem Template:

    1. <!-- Intro Header -->
    2.     <header class="intro">
    3.         <div class="intro-body">
    4.             <div class="container">
    5.                 <div class="row">
    6.                     <div class="col-md-8 col-md-offset-2">
    7.                        <f:format.raw>{content}</f:format.raw>
    8.                         <a href="#about" class="btn btn-circle page-scroll">
    9.                             <i class="fa fa-angle-double-down animated"></i>
    10.                         </a>
    11.                     </div>
    12.                 </div>
    13.             </div>
    14.         </div>
    15.     </header>
    16.  
    17.     <!-- About Section -->
    18.     <section id="about" class="container content-section text-center">
    19.         <div class="row">
    20.             <div class="col-lg-8 col-lg-offset-2">
    21.                 <h2>About Grayscale</h2>
    22.                 <p>Grayscale is a free Bootstrap 3 theme created by Start Bootstrap. It can be yours right now, simply download the template on <a href="http://startbootstrap.com/template-overviews/grayscale/">the preview page</a>. The theme is open source, and you can use it for any purpose, personal or commercial.</p>
    23.                 <p>This theme features stock photos by <a href="http://gratisography.com/">Gratisography</a> along with a custom Google Maps skin courtesy of <a href="http://snazzymaps.com/">Snazzy Maps</a>.</p>
    24.                 <p>Grayscale includes full HTML, CSS, and custom JavaScript files along with LESS files for easy customization.</p>
    25.                 <f:format.raw>{content}</f:format.raw>
    26.             </div>
    27.         </div>
    28.     </section>

    Es werden allerdings alle Inhalte in beiden Sektionen dargestellt.

    Wie kann man das ordnen?

    Ich kann natürlich per WHERE colPos = 0 AND uid = 1 usw. das ganze in der Datenbank abfragen, aber das ist ja äußerst unpraktikabel. Wenn ich dort nun eine Seite lösche oder die Ordnung ändere, müsste ich ja jedes mal auch das TypoScript ändern.

  • 1
Präsentiert von
Mittwald
Nützliche Links
TYPO3 Dokumentation
eStrategy
webworker Magazin