2015-09-26 109 views
1

我正在試驗TYPO3和液體,此刻我遇到了麻煩。這是我在TYPO3創建的backendlayout通過液體包裝內容元素

它包括兩個方面的內容組成:「左柱」和 「右欄」。

通過液體將它們帶到前端外觀沒有問題。但隨後我在「左列」中創建了四個內容元素(文本和圖像)。我想用自舉包裝器來包裝每個這些內容元素,例如,文字"col-md-8"img "col-md-4"

不幸的是,我還沒有找到任何提示或文檔如何做到這一點。也許有人可以幫助我解決這個問題,並告訴我如何定製我的內容元素的包裝。有沒有可能通過流體完成?

回答

4

後端佈局用於將列映射到您的模板,但它們不允許您決定如何顯示每個列。有幾種解決方案......但上次我最喜歡的是擴展Grid Elements

它允許您爲內容元素創建子容器,因此您可以添加Bootstrap的網格佈局(即2 columns - 4-83 columns - 3-3-3等)的任意組合,然後將其包裝爲引導類。

樣品進行提到2 columns - 4-8網格單元記錄:

標題:2 columns: 4-8或任何你想要的;)

別名:2_columns_4_8(必須是唯一的)

網格配置:

backend_layout { 
    colCount = 2 
    rowCount = 1 
    rows { 
     1 { 
      columns { 
       1 { 
        name = Left 
        colPos = 221 
       } 
       2 { 
        name = Right 
        colPos = 222 
       } 
      } 
     } 
    } 
} 
在您的TypoScript模板加渲染的定義是這樣

最後:

tt_content.gridelements_pi1.20.10.setup { 
    2_columns_4_8 < .default 
    2_columns_4_8 { 
     wrap = <div class="row">|</div> 
     columns { 
      221 < .default 
      221.wrap = <div class="col-sm-4">|</div> 

      222 < .default 
      222.wrap = <div class="col-sm-8">|</div> 
     } 
    } 
} 

樣品中觀察到在哪裏以及如何別名colPos值在Typo腳本以後使用)

提示:不要浪費時間在開始時創建任何可能的列組合,而是cr如果需要,可以使用專用的,通常只需要其中的幾個。

P.S. TYPO3寫成大寫,總是!