2014-03-24 40 views
1

我已經建立了網站使用助焊劑/ FLUIDCONTENT模板和有工作在這裏使用教程:http://thomas.deuling.org/2011/06/create-base-html-fluid-templates-for-typo3-4-5/添加配置字段與流體/通量TYPO3頁

這一切都運作良好,但現在我想成爲能夠選擇每頁圖像並使用它來構建一個大標題。有了templavoila,我可以創建頁面屬性中可用的字段,但似乎無法使用FLUIDCONTENT工作。

我使用TYPO3的6.1,這裏是我的內頁柔性模板:

{namespace v=Tx_Vhs_ViewHelpers} 
{namespace flux=Tx_Flux_ViewHelpers} 
<f:layout name="main" /> 

<f:section name="content"> 
        <f:format.raw>{content_header}</f:format.raw> 
    <div id="content"> 
     <div class="container"> 
      <div class="row"> 
       <div class="col-md-3"> 
        <f:format.raw>{content_left}</f:format.raw> 
       </div> 
       <div class="col-md-9"> 
        <f:format.raw>{content}</f:format.raw> 
       </div> 
      </div> 
     </div> 
    </div> 
</f:section> 

我如何添加表單字段頁面屬性,在我的模板中使用它們?

回答

4

恐怕你混了一下。

fluxfluidcontent和(特別是對你很重要)fluidpages一起玩到延長創建TYPO3 fluid模板的默認功能。

  • flux是解析和重構TYPO3表單字段的基礎技術。
  • fluidcontent利用磁通量允許靈活的內容元素
  • fluidpages利用流量,以允許純流體頁面佈局與自定義字段

總結:您已經閱讀關於基本fluid頁面模板教程,但不是fluidpages模板。爲了幫助您快速入門,也有一些可用的實例和文檔資源:

  • quickstart從文檔庫
  • speciality provider extension從引導包(請謹慎使用,這是一個例如,不你的下一個項目模板)
  • 擴展fluidcontent_bootstrapfluidpages_bootstrap

當你通過這些資源,你知道如何註冊提供商擴展,以便您可以在後端的頁面屬性中選擇它。

你的模板可能是這個樣子(它實際上從上述專業擴展拍攝):

<!-- Note that the namespace declaration depends on which version of flux you are actually using --> 
{namespace v=Tx_Vhs_ViewHelpers} 
{namespace flux=FluidTYPO3\Flux\ViewHelpers} 
<f:layout name="Page"/> 
<div xmlns="http://www.w3.org/1999/xhtml" lang="en" 
    xmlns:v="http://fedext.net/ns/vhs/ViewHelpers" 
    xmlns:flux="http://fedext.net/ns/flux/ViewHelpers" 
    xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"> 

    <f:section name="Configuration"> 

     <flux:form id="1column" label="1 column layout"> 

      <!-- Options visible in page property --> 
      <flux:field.input name="settings.carousel.categories" eval="trim" default="4" /> 
      <flux:field.input name="settings.carousel.width" eval="trim" default="1200"/> 
      <flux:field.input name="settings.carousel.height" eval="trim" default="340"/> 
      <flux:field.checkbox name="settings.carousel.caption" default="1"/> 

      <!-- Grid displayed in the page module --> 
      <flux:grid> 
       <flux:grid.row> 
        <flux:grid.column colPos="0" label="Main Content"/> 
       </flux:grid.row> 
      </flux:grid> 
     </flux:form> 
    </f:section> 

    <f:section name="Content"> 
     <div class="row" role="main"> 
      <div class="col-md-12" role="section"> 
       <v:page.content.render column="0"/> 
       <f:if condition="{v:var.typoscript(path: 'lib.addthis.display')}"> 
        <f:render section="AddThis" partial="AddThis" optional="TRUE" arguments="{_all}"/> 
       </f:if> 
      </div> 
     </div> 
    </f:section> 

</div> 

大部分流量模板(無論閹fluidpages或fluidcontent)被分成(至少)3 f:section液部分:

  • 配置需要你的表單字段
  • 預鑑於是如何影響你的模板在後端被預覽
  • 通常內容主要(你可以影響的命名,在佈局文件,但應該堅持我們傳播翻過的例子擴展的慣例)使您的FCE/Page template

field這些物品可以通過它們的name屬性作爲getter訪問它們。爲了說明這一點,您可以從上面的頁面模板中訪問{settings.carousel.caption}

+0

感謝您提供的全面和非常明確的答案,我想我有點糊塗了所有不同的術語。我明天會去設置一個fluidpages模板。 – anteatersa