2016-05-13 90 views
2

我在頁面頂部有一個大的傳情圖片。作者可以在後端選擇傳情圖片是靜態還是動畫幻燈片。我用幻燈片順便引導。TYPO3:通過page.layout自動包裝案例

的選擇將顯示在頁面>編輯>外觀
Rootpage TSConfig:

TCEFORM.pages { 
    layout.altLabels.1 = Default (with Slideshow) 
    layout.altLabels.0 = Default 
} 

現在,它變得有點棘手。
爲了讓引導滑塊運行,您需要有一個外部包裝,每個幻燈片也包裝。這是我到目前爲止有:

page.10.variables { 
    teaser < styles.content.get 
    teaser.select.where = colPos = 0 
    teaser.stdWrap.required = 1 
    teaser.stdWrap.wrap { 
     cObject = CASE 
     cObject { 
      key.field = layout 

      default = TEXT 
      default.value = | 

      1 = TEXT 
      1.value = <div id="teaser" ...>|</div> ### shortened 
     } 
    } 

    teaser.renderObj.stdWrap.wrap { 
     cObject = CASE 
     cObject { 
      key.field = layout 

      default = TEXT 
      default.value = | 

      1 = TEXT 
      1.value = <div class="item">|</div> 
     } 
    } 
} 

第一teaser.stdWrap.wrap作品就像一個魅力。選擇前端佈局會相應地包裝前導。
teaser.renderObj.stdWrap.wrap不想工作。主要是因爲我認爲CASE的關鍵不是前端佈局,而是內容元素的佈局。 如何改變?

第二個問題。這是目前包裝怎麼看起來像(或者他們會怎麼看,如果TS按預期上述將工作):

<div class="item"> 
    <div id="c14"> 
     <div class="ce-textpic ce-right ce-intext"> 
      <div class="ce-gallery" data-ce-columns="1" data-ce-images="1"> 
       <div class="ce-row"> 
        <div class="ce-column"> 
         <div class="ce-media"> 
          <img src="img.jpg" width="1150" height="632" alt=""> 
         </div> 
        </div> 
       </div> 
      </div> 
     <div class="ce-bodytext"></div> 
    </div> 
</div> 

有沒有一種方法,使它看起來或多或少也是這樣嗎?

<div class="item"> 
    <img class="slide" src="img.jpg"> 
</div> 

客戶不希望有任何字幕或文本,因此它可以被忽略。

我使用fluid_styled_content運行TYPO3 7.6.6。

回答

3

所以答案爲第一個問題:

可以在Typo腳本使用「的getText」數據類型。請參閱文檔here

它有一個當前頁面記錄的預定義變量。所以,簡單的變化第二個關鍵屬性,以便:

key.data = page:layout 

但是,如果您正在使用fluid_styled_content系統,那麼你可以簡單地使用液體來解決這個問題。 (在那裏,你可以用data.layout訪問佈局)

要回答的第二個問題:

是。有可能,您需要查看fluid_styled_content擴展。你會發現很多關於模板,佈局和元素的信息。你可以簡單地用你的模板覆蓋它們,你可以擺脫任何不想要的div裏面。

這樣做,我可以推薦你一個德國人video

+0

真是巧合 - 我是德國人)視頻幫了很大忙。當FE佈局不同時,我只是添加了流體條件來以不同的方式包裝東西。非常感謝你! – Norman