2016-05-13 7 views
2

私はページの上部に大きなティーザー画像を持っています。作者は、ティーザーイメージが静的であるべきかアニメーション化されたスライドショーであるべきかをバックエンドで選択することができる。私はスライドショーbtwのためにブートストラップを使用しています。TYPO3:自動ラッピングケースby 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のキーがフロントエンドレイアウトではなく、コンテンツ要素のレイアウトだと思うからです。 これを変更するには?

2番目の質問です。ラップが現在どのように見えるかです(または、彼らが意図したとおり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

だから、第一の質問には答え:あなたはのTypoScriptの「のgetText」データ型を使用することができます

。文書hereを参照してください。

現在のページレコードの変数が定義されています。 2番目のキー属性そうだから、簡単な変更:

key.data = page:layout 

しかし、あなたはfluid_styled_contentでシステムを実行している場合、その後、あなたは、単にこの問題を解決するための流体を使用することができます。

はい:2つ目の質問に答えるために

(そこには、data.layoutとレイアウトにアクセスすることができます)。 fluid_styled_content拡張機能を調べる必要があります。そこでは、テンプレート、レイアウト、要素についてたくさん見つけています。あなたは単にあなたのテンプレートでそれらを無効にすることができますし、あなたが望んでいない任意のdivを取り除くことができます。

ドイツのvideoをお勧めします。

+0

偶然のこと - 私はドイツ語です;)ビデオが助けになりました。私は、FEレイアウトが異なるときに、物事を別々にラップするための流体条件を追加しました。どうもありがとうございました! – Norman

関連する問題