Suche
Teilen
startseite » forum

[Frage] Gridelements Wrappen wenn Feld nicht leer TYPO3-Version: 6.2.7

  • Teisinger Teisinger
    Jedi-Ratsmitglied
    0 x
    502 Beiträge
    37 Hilfreiche Beiträge
    06. 11. 2015, 16:14

    Hallo,

    habe gridelements am laufen mit nem z. B. Einspalter (oneColumn) dem ich per Flexforms noch ne Eingabemöglichkeit einer URL gegeben habe.

    Ich möchte nun das, wenn das Feld "buttonlink" belegt ist (also nicht leer) dann soll er diesen bestimmten Grid anders Wrappen als wenn das Feld leer ist.

    Bis jetzt bin ich soweit gekommen:

    1. tt_content.gridelements_pi1.10 =< lib.stdheader
    2. tt_content.gridelements_pi1.20.10.setup {
    3.   1 < lib.gridelements.defaultGridSetup
    4.   1 {
    5.     wrap = <div class="grid-container grid-container--100">|</div>
    6.     columns {
    7.       1 < .default
    8.       1.wrap = <div class="grid-element grid-100 left">|</div>
    9.     }
    12.       if.isTrue.data = field:flexform_buttonlink
    13.       wrap = <div class="grid-button-element">|</div> 
    14.       10 = COA
    15.       10 {
    16.         10 = COA
    17.         10 {
    18.           // General settings
    19.           110 = TEXT
    20.           110.data = field:flexform_buttonlink
    21.           110.wrap = <!!=|>|</a>
    22.           120 = TEXT
    23.           120 {
    24.             wrap = |
    25.             value = 
    26.             stdWrap.typolink.parameter < field:flexform_buttonlink
    27.             stdWrap.typolink.ATagParams = role="link" itemprop="url"
    28.             stdWrap.typolink.extTarget = _top
    29.           }
    31.         }
    32.       }
    33.     }
    34.   }
    35. }

    Da wird ausgegeben, wenn das Feld leer ist:
    [code]

    1. <div id="c377" class="csc-default">
    2.   <div class="grid-element grid-100 left">...</div>
    3. </div>
    [/code]

    und wenn das Feld belegt ist:
    [code]

    1. <div id="c377" class="csc-default">
    2.   <div class="grid-button-element">
    3.     <a href="MEINLINK"></a>
    4.   </div>
    5.   <div class="grid-element grid-100 left">...</div>
    6. </div>
    [/code]

    ABER ich möchte wenn das Feld belegt ist zum Beispiel sowas:

    [code]

    1. <div id="c377" class="csc-default">
    2.   <div class="gridContainerWithButton">
    3.     <div class="grid-button-element">
    4.       <a href="MEINLINK"></a>
    5.     </div>
    6.     <div class="gridContainer>
    7.       <div class="grid-element grid-100 left">...</div>
    8.     </div>
    9.   </div>
    10. </div>
    [/code]

    und wenn das Feld leer ist sowas:

    [code]

    1. <div id="c377" class="csc-default">
    2.   <div class="gridContainer">
    3.     <div class="grid-element grid-100 left">...</div>
    4.   </div>
    5. </div>
    [/code]

    Komm da irgendwie nicht weiter.
    Wäre super wenn Ihr mir da weiterhelfen könntet.

    Viele Grüße und vielen Dank
    Teisi

    https://github.com/groundstack-org

    Tags: TypoScript , Gridelements , Wrap bei Bedingung
  • 1
  • Teisinger Teisinger
    Jedi-Ratsmitglied
    0 x
    502 Beiträge
    37 Hilfreiche Beiträge
    10. 11. 2015, 14:42

    Konnts mir grad selbst beantworten:

    Die Ausgabe sieht nun so aus, wie gewollt: (naja fast, das csc-default könnte noch weg)

    1. <div class="csc-default" id="c372">
    2.   <div class="grid-container grid-container--100">
    3.     <div class="grid-element grid-100 left">
    4.       CONTENT INHALT
    5.     </div>
    6.   </div>
    7. </div>
    8. <div class="csc-default" id="c374">
    9.   <div class="grid-container grid-container--button">
    10.    <div class="grid-container grid-container--100">
    11.     <div class="grid-element grid-100 left">
    12.       CONTENT INHALT
    13.     </div>
    14.    </div>
    15.    <div class="grid-button right"><a href="http://www.google.de">www.google.de</a></div>
    16.   </div>
    17. </div>

    dazugehöriges TypoScript:

    1. tt_content.gridelements_pi1.10 =< lib.stdheader
    2. tt_content.gridelements_pi1.20.10.setup {
    3.   1 < lib.gridelements.defaultGridSetup
    4.   1 {
    7.       cObject.value = <div class="grid-container grid-container--button">|</div>
    9.         if.isFalse.data = field:flexform_buttonlink
    11.         cObject.value = |
    12.       }
    13.     }
    14.     wrap = <div class="grid-container grid-container--100">|</div>
    15.     columns {
    16.       1 < .default
    17.       1.wrap = <div class="grid-element grid-100 left">|</div>
    18.     }
    21.       10 = TEXT
    22.       10 {
    23.         if.isTrue.data = field:flexform_buttonlink
    24.         data = field:flexform_buttonlink
    25.         typolink.parameter.data = field:flexform_buttonlink
    26.         wrap = <div class="grid-button right">|</div>
    27.       }
    28.     }
    29.   }
    30. }

    Vielleicht hilft es ja dem ein oder anderem. :)

    Viele Grüße

    https://github.com/groundstack-org

  • 1
Präsentiert von